.app-footer { width:min(100%,480px); bottom:var(--keyboard-inset); }
.level-badge .level-value { border:0; background:transparent; width:100%; height:100%; padding:0; border-radius:50%; }
.level-extra { border:0; padding:0; background:transparent; }
.primary-button, .role-button.primary-button { background:linear-gradient(105deg,#0085ff,#006fea); color:#fff; }
.danger-button { color:#ff747a; }
.pill[aria-pressed=true].color-default { outline:1px solid #fff; }
.item-list { display:grid; gap:calc(22 * var(--u)); }
.confirmation-body { display:grid; gap:22px; }
.confirmation-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
.sheet .confirmation-actions .pill { width:100%; margin:0; justify-content:center; min-height:44px; }
.confirmation-actions .danger-button { background:#ac2830; color:#fff; }
.page-content > .primary-button { width:100%; margin-top:calc(30 * var(--u)); }
.creator-sections { margin-top:calc(140 * var(--u)); }
.two-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:calc(24 * var(--u)); }
.two-columns .pill { font-size:calc(40 * var(--u)); padding-left:calc(30 * var(--u)); padding-right:calc(30 * var(--u)); }
.settings-panel { background:var(--panel); border-radius:calc(40 * var(--u)); padding:calc(32 * var(--u)); display:grid; gap:calc(20 * var(--u)); }
.settings-panel h2 { font-size:calc(40 * var(--u)); }
.screen-note { line-height:1.35; font-size:max(12px,calc(40 * var(--u))); font-weight:600; white-space:pre-line; overflow-wrap:anywhere; }
.form-field { display:flex; align-items:center; gap:calc(18 * var(--u)); padding:calc(24 * var(--u)) calc(34 * var(--u)); background:var(--panel); border-radius:999px; min-width:0; }
.field-label { font-size:max(12px,calc(40 * var(--u))); color:#696969; flex:none; }
.form-input { width:100%; min-width:0; background:transparent; border:0; outline:0; font-size:16px; font-weight:600; padding:4px 0; }
.form-field:focus-within { outline:1px solid #278bff; }
.form-field--stacked { flex-direction:column; align-items:stretch; border-radius:16px; gap:4px; }
.form-field--stacked .field-label { white-space:normal; }
.form-input::placeholder { color:#707070; }
.form-input[type=file] { font-size:12px; }
.form-input[type=datetime-local] { min-height:34px; }
.form-field:has([type=datetime-local]), .form-field:has([type=file]), .form-field:has([type=number]) { flex-wrap:wrap; border-radius:20px; }
.form-field:has([type=datetime-local]) .field-label,.form-field:has([type=number]) .field-label { white-space:normal; }
.choice-row { display:flex; flex-wrap:wrap; gap:calc(14 * var(--u)); }
.small-pill { border:0; border-radius:999px; background:#191919; padding:8px 12px; font:inherit; font-size:max(11px,calc(28 * var(--u))); color:#fff; }
.small-pill[aria-pressed=true] { outline:2px solid #eee; outline-offset:2px; }
.color-success { background:#91e800; color:#000; }
.color-primary { background:#008cff; }
.color-danger { background:#ff080f; }
.wizard-form, .wizard-screen, .manage-screen, .participant-content, .admin-screen { display:grid; gap:calc(20 * var(--u)); }
.wizard-form, .wizard-screen { min-width:0; grid-template-columns:minmax(0,1fr); }
.wizard-form > *, .settings-panel { min-width:0; }
.wizard-screen { display:flex; flex-direction:column; min-height:max(0px,calc(var(--surface-height,100svh) - 560 * var(--u) - var(--safe-top) - var(--safe-bottom))); }
.wizard-form > .settings-panel:first-child { text-align:center; min-height:calc(192 * var(--u)); place-content:center; }
.wizard-form .form-field { padding:10px 12px; }
.wizard-screen > .screen-note { text-align:center; margin-top:auto; padding-top:calc(60 * var(--u)); }
.wizard-screen .action-block { margin-top:24px; }
.wizard-shell .app-header h1 { font-size:calc(60 * var(--u)); }
.app-header h1 { min-width:0; white-space:normal; overflow-wrap:anywhere; }
.post-select > span:first-child { display:flex; align-items:center; gap:calc(24 * var(--u)); min-width:0; }
.post-label { color:#696969; flex:none; }
.post-title { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; }
.post-button-settings .form-field { padding:0; background:none; border-radius:0; gap:6px; }
.post-button-settings .field-label { font-size:max(11px,calc(38 * var(--u))); }
.post-presets { display:flex; gap:calc(12 * var(--u)); min-width:0; }
.post-presets .small-pill { flex:1; min-width:0; white-space:nowrap; padding:calc(18 * var(--u)) calc(12 * var(--u)); font-size:max(9px,calc(28 * var(--u))); }
.post-presets:not(.color-choices) .small-pill:nth-child(2) { flex:1.45; }
.button-color-heading { display:flex; align-items:center; gap:calc(24 * var(--u)); }
.button-color-heading .screen-note { color:#707070; }
.color-reset { border:0; background:none; padding:4px 0; text-align:left; font-size:calc(40 * var(--u)); font-weight:600; }
.color-choices .small-pill { font-size:max(11px,calc(30 * var(--u))); }
.subscription-button small { display:block; color:#aaa; font-size:max(10px,calc(28 * var(--u))); margin-top:4px; }
.number-control { display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:240px; margin:auto; }
.number-control .pill { min-width:80px; }
.switch-row { display:flex; align-items:center; justify-content:space-between; gap:calc(18 * var(--u)); padding:calc(24 * var(--u)) calc(34 * var(--u)); min-height:max(44px,calc(115 * var(--u))); border-radius:999px; background:var(--panel); font-size:max(12px,calc(40 * var(--u))); }
.switch-input { appearance:none; width:calc(150 * var(--u)); height:calc(65 * var(--u)); border-radius:99px; background:#555; position:relative; flex:none; cursor:pointer; }
.switch-input::after { content:''; position:absolute; width:calc(51 * var(--u)); height:calc(51 * var(--u)); top:calc(7 * var(--u)); left:calc(7 * var(--u)); border-radius:50%; background:#fff; transition:transform .15s; }
.switch-input:checked { background:var(--blue); }
.switch-input:checked::after { transform:translateX(calc(85 * var(--u))); }
.switch-input:disabled { opacity:.45; cursor:default; }
.channel-choices { display:grid; gap:calc(24 * var(--u)); }
.channel-choice { display:flex; align-items:center; gap:calc(24 * var(--u)); border-radius:calc(40 * var(--u)); background:var(--panel); padding:calc(30 * var(--u)); min-width:0; }
.channel-choice strong { min-width:0; overflow-wrap:anywhere; flex:1; font-size:max(12px,calc(40 * var(--u))); font-weight:600; }
.channel-choice input { appearance:none; min-width:calc(165 * var(--u)); height:calc(65 * var(--u)); border-radius:999px; background:#464646; cursor:pointer; position:relative; }
.channel-choice input::after { content:'Добавить'; display:grid; place-items:center; height:100%; color:#aaa; font-size:11px; }
.channel-choice input:checked { background:var(--blue); }
.channel-choice input:checked::after { content:'Добавлен'; color:#fff; }
.channel-avatar { width:calc(105 * var(--u)); height:calc(105 * var(--u)); display:grid; place-items:center; border:1px solid #888; background:#444; border-radius:50%; flex:none; }
.inline-error { color:#ff9b9f; line-height:1.4; font-size:12px; margin-top:8px; }
.inline-error:empty { display:none; }
.action-block { min-width:0; }
.action-block .pill { height:auto; }
.upload-preview img, .upload-preview video { width:100%; max-height:280px; object-fit:contain; border-radius:16px; }
.rich-editor { min-height:140px; padding:12px; line-height:1.6; font-size:16px; background:#171717; border-radius:12px; outline:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.rich-editor:focus { box-shadow:0 0 0 1px var(--blue); }
.editor-toolbar { display:flex; gap:10px; }
.tool-button { min-width:40px; min-height:36px; border:0; border-radius:8px; background:#444; }
.stats-grid { display:grid; grid-template-columns:1fr 1fr; gap:calc(24 * var(--u)); }
.stats-grid strong { font-size:calc(60 * var(--u)); }
.stats-grid span { color:#999; font-size:12px; }
.manage-screen > .settings-panel h2 { margin:4px 0; }
.manage-screen .description { max-height:260px; overflow:auto; }
.hero-shell { padding-top:calc(86 * var(--u) + var(--safe-top)); }
.participation-hero { text-align:center; }
.wordmark { display:block; width:calc(364 * var(--u)); max-width:170px; height:auto; margin:0 auto calc(140 * var(--u)); opacity:.45; }
.participation-hero h1 { font-size:calc(112 * var(--u)); line-height:1.04; font-weight:700; white-space:pre-line; overflow-wrap:anywhere; }
.mascot { width:calc(100% + 120 * var(--u)); margin-left:calc(-60 * var(--u)); height:calc(850 * var(--u)); object-fit:contain; }
.participant-content .mascot { height:calc(680 * var(--u)); }
.participant-content .settings-panel h2 { font-size:calc(48 * var(--u)); }
.participant-content .description { font-size:14px; }
.winner-grid { position:relative; display:flex; flex-wrap:wrap; justify-content:center; gap:calc(26 * var(--u)); margin-top:calc(-235 * var(--u)); z-index:1; }
.winner-pill { background:var(--blue); min-height:calc(80 * var(--u)); font-size:calc(40 * var(--u)); padding:calc(12 * var(--u)) calc(25 * var(--u)); gap:15px; max-width:100%; }
.winner-place { flex:none; font-size:.8em; white-space:nowrap; color:#d8ecff; }
.winner-name { min-width:0; overflow-wrap:anywhere; }
.winner-self { flex:none; font-size:.7em; border-radius:999px; padding:4px 7px; background:#ffffff26; }
.winner-pill--self { box-shadow:inset 0 0 0 1px #9ed1ff; }
.winner-list { display:grid; gap:calc(22 * var(--u)); }
.winner-list .winner-pill { justify-content:flex-start; width:100%; border-radius:calc(40 * var(--u)); }
.winner-choice { display:flex; align-items:center; gap:12px; padding:14px; border-radius:18px; background:#ffffff0d; font-size:14px; }
.winner-choice input { flex:none; width:20px; height:20px; accent-color:var(--blue); }
.manage-section { display:grid; gap:calc(24 * var(--u)); padding-top:calc(40 * var(--u)); }
.manage-section > h2 { font-size:calc(46 * var(--u)); overflow-wrap:anywhere; }
.manage-section .settings-panel h3 { font-size:calc(36 * var(--u)); }
.management-screen { display:grid; grid-template-columns:minmax(0,1fr); gap:calc(32 * var(--u)); }
.management-screen > .screen-note { font-size:12px; color:#aaa; font-weight:500; line-height:1.5; }
.management-heading { display:grid; gap:calc(24 * var(--u)); padding:calc(34 * var(--u)); border-radius:calc(40 * var(--u)); background:var(--panel); min-width:0; }
.management-heading h2 { font-size:max(17px,calc(50 * var(--u))); overflow-wrap:anywhere; }
.management-heading .screen-note { font-size:max(11px,calc(28 * var(--u))); color:#aaa; font-weight:500; }
.management-heading .action-block .pill { background:#191919; justify-content:center; font-size:max(12px,calc(32 * var(--u))); min-height:38px; }
.management-id, .management-kicker { color:#9d9d9d; font-size:max(10px,calc(26 * var(--u))); }
.management-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:calc(24 * var(--u)); }
.metric-card { display:grid; gap:6px; padding:calc(30 * var(--u)); border-radius:calc(38 * var(--u)); background:var(--panel); min-width:0; }
.metric-card strong { font-size:clamp(20px,calc(68 * var(--u)),30px); font-weight:650; overflow-wrap:anywhere; line-height:1.1; }
.metric-card span { color:#999; font-size:max(11px,calc(28 * var(--u))); }
.menu-section { display:grid; gap:calc(24 * var(--u)); min-width:0; padding-top:calc(16 * var(--u)); }
.menu-section > h2 { font-size:max(13px,calc(36 * var(--u))); color:#a4a4a4; font-weight:600; padding-left:calc(12 * var(--u)); }
.menu-list { display:grid; gap:calc(18 * var(--u)); min-width:0; }
.menu-item { width:100%; border-radius:calc(40 * var(--u)); min-height:56px; padding:calc(28 * var(--u)) calc(32 * var(--u)); gap:12px; text-align:left; }
.menu-copy { display:grid; gap:5px; min-width:0; flex:1; }
.menu-copy strong { font-size:max(13px,calc(36 * var(--u))); font-weight:600; line-height:1.25; overflow-wrap:anywhere; }
.menu-copy small { font-size:max(10px,calc(26 * var(--u))); color:#929292; line-height:1.35; font-weight:500; overflow-wrap:anywhere; }
.menu-item .arrow { width:6px; height:6px; border-width:1.5px; color:#aaa; }
.menu-tag { flex:none; padding:4px 7px; border-radius:99px; font-size:9px; background:#b94aff1c; color:#ce97ff; font-weight:600; }
.summary-list { display:grid; gap:0; margin:0; padding:calc(12 * var(--u)) calc(32 * var(--u)); border-radius:calc(40 * var(--u)); background:var(--panel); min-width:0; }
.summary-list > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:12px; padding:12px 0; border-bottom:1px solid #ffffff09; font-size:max(11px,calc(30 * var(--u))); line-height:1.4; }
.summary-list > div:last-child { border:0; }
.summary-list dt { color:#969696; font-weight:500; }
.summary-list dd { margin:0; text-align:right; overflow-wrap:anywhere; }
.management-channel { display:flex; gap:12px; align-items:center; min-width:0; padding:calc(30 * var(--u)); background:var(--panel); border-radius:calc(40 * var(--u)); }
.channel-roles { display:flex; flex-wrap:wrap; gap:4px; margin-top:2px; }
.channel-roles span { border-radius:99px; padding:3px 6px; background:#ffffff09; font-size:9px; font-weight:500; color:#aaa; }
.admin-context { display:grid; gap:5px; border:1px solid #007cff3d; border-radius:calc(36 * var(--u)); padding:12px 14px; background:#007cff12; }
.admin-context span { color:#81bcff; font-size:12px; }.admin-context small { color:#9ba8b7; font-size:11px; overflow-wrap:anywhere; }
.management-empty { display:grid; justify-items:center; gap:12px; padding:32px 20px; border-radius:calc(40 * var(--u)); background:var(--panel); text-align:center; }
.management-empty h2 { font-size:16px; }.management-empty .screen-note { color:#999; font-size:12px; font-weight:500; }
.empty-state-mark { display:grid; place-items:center; width:44px; height:44px; border:1px solid #ffffff20; border-radius:50%; color:#aaa; font-size:24px; }
.management-tabs { flex-wrap:wrap; overflow:visible; gap:8px; }.management-tabs .pill { flex:auto; min-height:36px; }
.wizard-step-nav { display:flex; justify-content:space-between; align-items:center; gap:12px; color:#888; font-size:11px; margin-bottom:2px; }
.wizard-step-nav .small-pill { color:#bcbcbc; min-height:32px; font-size:11px; }
.wizard-shell--overview .wizard-form > .settings-panel:first-child { text-align:left; place-content:normal; min-height:0; }
.wizard-shell--overview .wizard-form { gap:calc(32 * var(--u)); }
.wizard-shell--overview .wizard-form > .screen-note { font-size:12px; color:#999; font-weight:500; }
.wizard-shell--overview .post-detail .description { font-size:13px; }
.participant-row { display:grid; gap:12px; padding:16px; border-radius:calc(40 * var(--u)); background:var(--panel); }
.participant-row .card-meta { align-items:flex-start; }
.participant-row .screen-note { font-size:11px; color:#999; }
.participant-badges { display:flex; flex-wrap:wrap; gap:6px; }.participant-badges span { padding:5px 8px; border-radius:99px; background:#ffffff0a; font-size:10px; color:#c0c0c0; }
.tracking-card { display:grid; gap:14px; background:var(--panel); border-radius:calc(40 * var(--u)); padding:16px; }
.tracking-card h2 { font-size:16px; overflow-wrap:anywhere; }.tracking-url { display:block; padding:10px; border-radius:12px; background:#171717; font-size:11px; color:#aaa; overflow-wrap:anywhere; font-weight:500; }
.tracking-card .metric-card { background:#ffffff05; padding:12px; }.tracking-card .metric-card strong { font-size:22px; }
.tracking-card .two-columns { gap:10px; }.tracking-card .two-columns .pill { min-height:40px; padding:10px; font-size:11px; justify-content:center; }
.participant-overview .wordmark { margin-bottom:calc(60 * var(--u)); }
.participant-overview .mascot { height:calc(420 * var(--u)); }
.participant-overview .participation-hero h1 { font-size:calc(96 * var(--u)); }
.ticket-summary { display:flex; align-items:center; gap:calc(36 * var(--u)); }
.ticket-summary strong { font-size:calc(110 * var(--u)); color:#53a7ff; line-height:1; }
.ticket-summary span { font-size:calc(36 * var(--u)); }
.referral-progress strong { font-size:calc(65 * var(--u)); }
.referral-progress progress { margin:12px 0 0; }
.referral-link { font-size:13px; overflow-wrap:anywhere; }
.bonus-notice { font-size:14px; line-height:1.5; color:#8cc5ff; }
.bonus-notice:empty, .bonus-screen > div:empty { display:none; }
.result-screen > .screen-note { text-align:center; margin-top:30px; }
.result-screen > .prize-contact { margin:calc(40 * var(--u)) 0; }
.captcha-image { width:100%; max-width:280px; display:block; margin:auto; border-radius:10px; }
.ticket-code { overflow-wrap:anywhere; font-size:15px; }
.account-screen { display:flex; flex-direction:column; align-items:center; padding-top:calc(45 * var(--u)); text-align:center; min-height:calc(var(--surface-height) - 316 * var(--u) - var(--safe-top) - var(--safe-bottom)); }
.account-screen h1 { overflow-wrap:anywhere; max-width:100%; margin-top:calc(36 * var(--u)); }
.profile-avatar { width:calc(313 * var(--u)); height:calc(313 * var(--u)); border:calc(18 * var(--u)) solid #272727; box-shadow:inset 0 0 0 calc(25 * var(--u)) #000; border-radius:50%; background:#007cff; display:grid; place-items:center; position:relative; font-size:calc(90 * var(--u)); font-weight:800; }
.profile-avatar { flex:none; }
.profile-avatar > img { width:calc(100% - 40 * var(--u)); height:calc(100% - 40 * var(--u)); object-fit:cover; border-radius:50%; }
.profile-premium { position:absolute; right:calc(-18 * var(--u)); top:calc(-18 * var(--u)); width:calc(110 * var(--u)); height:calc(110 * var(--u)); border:0; padding:0; background:none; color:#fff; font-size:calc(100 * var(--u)); font-weight:800; }
.profile-premium > img { position:absolute; right:calc(-9 * var(--u)); bottom:0; width:calc(128 * var(--u)); height:calc(166 * var(--u)); }
.profile-premium > span { position:absolute; inset:0; display:grid; place-items:center; border:1px solid #ffffff80; border-radius:50%; background:linear-gradient(130deg,#ffffff55,#ffffff00); backdrop-filter:blur(6px); line-height:1; }
.profile-level { gap:calc(26 * var(--u)); width:calc(516 * var(--u)); max-width:100%; min-height:calc(109 * var(--u)); padding:calc(18 * var(--u)); margin-top:calc(25 * var(--u)); font-size:calc(50 * var(--u)); white-space:nowrap; }
.profile-level .flame { width:calc(48 * var(--u)); height:calc(62 * var(--u)); flex:none; }
.info-icon { width:calc(42 * var(--u)); height:calc(42 * var(--u)); flex:none; }
.profile-level .info-icon { margin-left:auto; }
.profile-grid { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:calc(28 * var(--u)); margin-top:calc(59 * var(--u)); }
.profile-stat { position:relative; min-width:0; display:flex; align-items:center; gap:calc(26 * var(--u)); padding:calc(24 * var(--u)); border-radius:calc(30 * var(--u)); min-height:calc(124 * var(--u)); border:0; background:var(--panel); text-align:left; }
.profile-stat strong { font-size:calc(40 * var(--u)); font-weight:600; white-space:nowrap; }
.subscription-button strong { font-weight:600; }
.profile-stat > span { color:#777; white-space:pre-line; font-size:calc(30 * var(--u)); line-height:1.05; }
.profile-stat .level-wreath { position:relative; display:grid; place-items:center; flex:none; width:calc(150 * var(--u)); height:calc(85 * var(--u)); color:#b738ff; }
.level-wreath img { position:absolute; width:calc(85 * var(--u)); height:100%; top:0; }
.wreath-left { left:calc(-20 * var(--u)); }.wreath-right { right:calc(-20 * var(--u)); }
.profile-level-info { position:absolute; right:calc(-10 * var(--u)); top:calc(-12 * var(--u)); display:grid; place-items:center; width:calc(53 * var(--u)); height:calc(53 * var(--u)); border-radius:50%; background:linear-gradient(130deg,#ffffff66,#ffffff0d); border:1px solid #ffffff70; }
.profile-level-info > img:first-child { position:absolute; width:calc(61 * var(--u)); height:calc(79 * var(--u)); bottom:0; z-index:0; }
.profile-level-info .info-icon { position:relative; z-index:1; }
.premium-text { color:#aa4fff; }
.account-actions { width:100%; margin-top:auto; padding-top:calc(90 * var(--u)); display:grid; gap:calc(28 * var(--u)); }
.account-actions .subscription-button { min-height:calc(124 * var(--u)); font-size:calc(36 * var(--u)); }
.account-links { display:flex; justify-content:center; gap:calc(30 * var(--u)); }
.account-links .pill { width:calc(445 * var(--u)); max-width:100%; min-width:0; min-height:calc(124 * var(--u)); padding:calc(18 * var(--u)); font-size:calc(30 * var(--u)); text-align:center; }
.account-brand { padding-top:calc(20 * var(--u)); }
.account-screen .wordmark { margin:0 auto; }
.premium-shell { position:relative; height:100dvh; overflow:hidden; }
.premium-backdrop { pointer-events:none; }
.premium-screen { position:absolute; z-index:2; top:calc(274 * var(--u) + var(--safe-top)); bottom:0; left:0; right:0; text-align:center;
    border:1px solid #ffffff40; border-bottom:0; border-radius:calc(100 * var(--u)) calc(100 * var(--u)) 0 0;
    background:linear-gradient(125deg,#54545499,#262626aa); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px);
    padding:calc(60 * var(--u)) calc(85 * var(--u)) calc(250 * var(--u) + var(--safe-bottom)); overflow:auto; }
.premium-screen > h2 { font-size:calc(40 * var(--u)); }
.premium-intro { top:50%; display:flex; flex-direction:column; align-items:center; gap:14px; }
.premium-intro > h2 { white-space:nowrap; }
.premium-more { margin-top:auto; background:linear-gradient(100deg,#ff080c,#d600ff 55%,#007cff); border:1px solid #ffffff90; font-size:calc(50 * var(--u)); }
.premium-screen > .screen-note { font-size:max(11px,calc(30 * var(--u))); }
.premium-features { display:grid; gap:calc(36 * var(--u)); text-align:left; margin:calc(40 * var(--u)) 0; }
.feature-row { display:flex; gap:calc(16 * var(--u)); align-items:center; }
.feature-icon { position:relative; display:grid; place-items:center; flex:none; width:calc(88 * var(--u)); height:calc(88 * var(--u)); }
.feature-icon img { display:block; width:156%; height:156%; max-width:none; }
.feature-icon .feature-mark { position:absolute; width:48%; height:48%; }
.feature-row h3 { font-size:max(12px,calc(40 * var(--u))); font-weight:600; margin-bottom:2px; }
.feature-row p { font-size:max(10px,calc(27 * var(--u))); font-weight:500; line-height:1.25; color:#ddd; }
.admin-screen > .row-button:first-child { margin-top:calc(150 * var(--u)); }
.sheet .settings-panel { padding:calc(32 * var(--u)); border-radius:calc(40 * var(--u)); }
.sheet .form-field { border-radius:999px; padding:12px 16px; flex-wrap:wrap; background:#ffffff0a; border:1px solid #ffffff12; }
.sheet .field-label { white-space:normal; }
.sheet .wordmark { display:none; }
.sheet--channel { height:calc(958 * var(--u)); }
.sheet--channel .sheet-content { display:flex; flex-direction:column; flex:1; }
.channel-form { display:flex; flex-direction:column; flex:1; gap:calc(36 * var(--u)); }
.sheet-content > .channel-form > .screen-note { text-align:center; margin:0; }
.channel-input { position:relative; }
.channel-input .field-label { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
.sheet-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:calc(40 * var(--u)); margin-top:auto; padding-top:calc(50 * var(--u)); }
.sheet-actions .pill { margin:0; width:100%; justify-content:center; min-height:calc(109 * var(--u)); }
.sheet-actions .action-block .pill { height:auto; }
.posts-screen { padding-top:calc(380 * var(--u)); }
.post-row { display:flex; align-items:center; gap:calc(20 * var(--u)); border-radius:calc(40 * var(--u)); padding:calc(30 * var(--u)); background:var(--panel); }
.post-name { flex:1; min-width:0; border:0; background:none; padding:0; text-align:left; }
.post-name strong { font-size:max(11px,calc(30 * var(--u))); font-weight:600; display:block; overflow-wrap:anywhere; }
.post-name small { font-size:max(9px,calc(20 * var(--u))); }
.round-button { width:calc(65 * var(--u)); height:calc(65 * var(--u)); min-width:24px; min-height:24px; flex:none; border:0; border-radius:50%; background:#1c1c1c; padding:0; font-size:18px; }
.round-button--danger { background:#ff0713; color:#fff; font-size:26px; }
.round-button { display:grid; place-items:center; }
.round-button .ui-icon { width:70%; height:70%; }
.channel-avatar img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.post-preview-media { width:100%; max-height:300px; object-fit:contain; }
.poster-grid > .empty-panel { border-radius:20px; }
@media (min-width:600px) {
    :root { --surface-height:min(960px,calc(100dvh - 48px)); --surface-offset:calc((100dvh - var(--surface-height))/2); }
    body { display:grid; place-items:center; min-height:100dvh; background:#090909; }
    .app-shell { height:var(--surface-height); min-height:0; overflow:auto; background:#000; border:1px solid #1c1c1c; border-radius:22px; scrollbar-width:thin; scrollbar-color:#333 #000; }
    .app-footer { bottom:max(var(--surface-offset),var(--keyboard-inset)); border-radius:0 0 22px 22px; padding-bottom:calc(50 * var(--u)); width:478px; }
    .sheet { border-bottom:1px solid #ffffff26; border-bottom-left-radius:22px; border-bottom-right-radius:22px; }
    .sheet::backdrop { border-radius:22px; }
}
@media (max-width:350px) {
    .two-columns { gap:8px; }
    .field-label { font-size:12px; }
    .form-field { flex-wrap:wrap; border-radius:16px; }
    .status-tabs { gap:12px; }
    .countdown { font-size:8px; }
}
.post-detail { display: flex; flex-direction: column; gap: calc(36*var(--u)); min-width: 0; }
.post-preview-media { display: block; width: 100%; max-height: 56dvh; object-fit: contain; border-radius: calc(30*var(--u)); background: #101115; }
.loading-wordmark { width: calc(368*var(--u)); max-width: 60%; margin-bottom: calc(70*var(--u)); }
.status--error { color: #ff7b89; }.status--waiting { color: #8bb8ff; }
@keyframes sheet-enter { from { transform: translateY(30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.account-screen--premium .profile-avatar { border: calc(20*var(--u)) solid transparent; background: linear-gradient(#007cff,#007cff) padding-box, conic-gradient(from 180deg,#007cff,#8000ff,#ff003b,#ff003b,#9000ff,#007cff) border-box; box-shadow: inset 0 0 0 calc(20*var(--u)) #000; }
.account-screen--premium > .primary-button { background: linear-gradient(100deg,#ff003b,#b900ec,#006cef); }
.profile-avatar .profile-logo { width: 52%; height: auto; border-radius: 0; object-fit: contain; filter: brightness(0) invert(1); }
.status--won { background: var(--blue); }
body:has(dialog[open]), body:has(dialog[open]) .app-shell { overflow: hidden; }
.account-screen--premium .profile-premium { font-size:calc(60 * var(--u)); }
.account-screen--premium .profile-premium > span { background:linear-gradient(130deg,#646464d9,#242424c9); }
@media (max-width:350px) { .profile-stat { gap:calc(16 * var(--u)); padding:calc(20 * var(--u)); } .profile-stat strong { font-size:calc(36 * var(--u)); } }