:root{--brand-primary: #0068ff;--brand-header: #ffffff;--brand-text: #141415;--surface: #ffffff;--surface-muted: #f4f5f7;--border: #ebedf0;--text-muted: #767a7f;--danger: #d8232a;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--radius: 16px;--radius-sm: 10px;--shadow-card: 0 1px 2px rgba(20, 20, 21, .04), 0 6px 16px rgba(20, 20, 21, .06);--shadow-button: 0 4px 12px rgba(0, 0, 0, .12)}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}body{background:var(--surface-muted);color:var(--brand-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}.screen{display:flex;flex-direction:column;min-height:100%;padding-bottom:72px}.screen__body{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.header{background:var(--brand-header);color:var(--brand-text);padding:var(--space-md);border-bottom:1px solid var(--border)}.header__title{margin:0;font-size:17px;font-weight:600}.hero{position:relative;margin:calc(var(--space-md) * -1) calc(var(--space-md) * -1) 0;background:var(--surface)}.hero__cover{width:100%;aspect-ratio:16 / 10;object-fit:cover}.hero__scrim{position:absolute;inset:auto 0 0;height:60%;background:linear-gradient(to top,#0000009e,#0000)}.hero__body{position:relative;display:flex;align-items:flex-end;gap:var(--space-sm);padding:var(--space-md)}.hero--covered .hero__body{margin-top:-64px}.hero__logo{width:60px;height:60px;flex:none;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface);border:2px solid var(--surface);box-shadow:var(--shadow-card)}.hero__title{margin:0;font-size:20px;font-weight:700;line-height:1.25}.hero--covered .hero__title{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}.cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-sm)}.logo{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover}.card{background:var(--surface);border-radius:var(--radius);padding:var(--space-md);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-sm)}.card__title{margin:0;font-size:16px;font-weight:600}.card__meta{margin:0;color:var(--text-muted);font-size:13px}.card__body{margin:0;font-size:14px;line-height:1.6}.section-label{margin:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.list{display:flex;flex-direction:column}.list__item{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) 0}.list__item+.list__item{border-top:1px solid var(--border)}.list__item:first-child{padding-top:0}.list__item:last-child{padding-bottom:0}.list__title{margin:0;font-size:15px;font-weight:600}.link{color:var(--brand-primary);font-size:14px;font-weight:600;text-decoration:none}.button{appearance:none;border:none;border-radius:var(--radius-sm);background:var(--brand-primary);color:#fff;min-height:48px;padding:12px var(--space-md);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;width:100%;box-shadow:var(--shadow-button);transition:transform .08s ease,opacity .15s ease}.button:active{transform:scale(.985)}.button:disabled{opacity:.55;box-shadow:none;cursor:not-allowed}.button--secondary{background:var(--surface);color:var(--brand-primary);box-shadow:none;border:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field__label{font-size:13px;font-weight:600}.field__control{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px var(--space-sm);font-size:15px;font-family:inherit;background:var(--surface-muted);color:var(--brand-text);width:100%;outline:none;transition:border-color .15s ease,background .15s ease}.field__control:focus{border-color:var(--brand-primary);background:var(--surface)}.field__error{color:var(--danger);font-size:12px}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--surface);border-top:1px solid var(--border)}.tabbar__item{flex:1;appearance:none;border:none;background:transparent;padding:12px var(--space-xs);font-size:12px;font-family:inherit;color:var(--text-muted);cursor:pointer}.tabbar__item--active{color:var(--brand-primary);font-weight:600}.state{padding:var(--space-lg);text-align:center;display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;color:var(--text-muted)}