:root{--brand-primary: #0068ff;--brand-header: #ffffff;--brand-text: #141415;--surface: #ffffff;--surface-muted: #f4f5f6;--border: #e4e6e8;--text-muted: #767a7f;--danger: #d8232a;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--radius: 12px}*{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;-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:18px;font-weight:600}.cover{width:100%;aspect-ratio:16 / 9;object-fit:cover}.logo{width:64px;height:64px;border-radius:var(--radius);object-fit:cover}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-md);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}.button{appearance:none;border:none;border-radius:var(--radius);background:var(--brand-primary);color:#fff;padding:12px var(--space-md);font-size:15px;font-weight:600;cursor:pointer;width:100%}.button:disabled{opacity:.6;cursor:not-allowed}.button--secondary{background:transparent;color:var(--brand-primary);border:1px solid var(--brand-primary)}.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);padding:10px var(--space-sm);font-size:15px;font-family:inherit;background:var(--surface);color:var(--brand-text);width:100%}.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}