*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}:root{--game-cursor:url(/denge-kasabasi/ongosteri/assets/ui/cursor-drop.png) 11 9, auto;--game-cursor-action:url(/denge-kasabasi/ongosteri/assets/ui/cursor-drop-gold.png) 11 9, pointer}body{color:#fff;cursor:var(--game-cursor);background:#181818;margin:0;font-family:Arial,Helvetica,sans-serif}button,a,[role=button],summary{cursor:var(--game-cursor-action)}main{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}h1{margin-top:0;margin-bottom:20px}.game-wrapper{width:100vw;height:100svh;position:relative}#game-container{width:100%;height:100%;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}canvas{display:block}.balance-cluster{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1e18b8;border:none;border-radius:999px;gap:6px;padding:7px 10px;display:flex;position:absolute;top:14px;left:14px}.stat-gauge{width:40px;height:40px;display:block;position:relative}.stat-gauge svg{width:100%;height:100%;display:block}.gauge-icon{justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}.district-pill{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#f1d18a;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#0c1e18b8;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;position:absolute;top:72px;left:14px}.sync-chip{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);letter-spacing:.04em;pointer-events:none;background:#0c1e18b8;border-radius:999px;padding:4px 11px;font-size:10px;font-weight:700;position:absolute;top:104px;left:14px}.sync-chip.sync-synced{color:#9fd8a0}.sync-chip.sync-pending,.sync-chip.sync-syncing{color:#f1d18a}.sync-chip.sync-offline{color:#f0b47a}.sync-chip.sync-error{color:#ff9d8a}.balance-panel{z-index:20;color:#24332d;background:#fdfbf2;border-radius:18px;grid-template-columns:1fr 1fr;gap:14px 8px;width:240px;padding:16px;animation:.2s card-pop;display:grid;position:absolute;top:108px;left:14px;box-shadow:0 12px 40px #0006}.balance-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.big-gauge{width:64px;height:64px;position:relative}.big-gauge svg{width:100%;height:100%;display:block}.big-gauge-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.big-gauge-icon{font-size:16px;line-height:1}.big-gauge-value{color:#24332d;font-size:11px;font-weight:800;line-height:1.2}.balance-name{color:#14584a;font-size:12px;font-weight:800}.balance-status{letter-spacing:.02em;border-radius:999px;padding:1px 10px;font-size:10.5px;font-weight:800}.balance-status.critical{color:#b3402e;background:#fbe3de}.balance-status.warning{color:#8a6512;background:#fdf4d3}.balance-status.good{color:#0d7a5f;background:#d8f3e8}.dialogue-overlay{pointer-events:none;z-index:50;justify-content:center;align-items:flex-end;padding:30px;display:flex;position:absolute;inset:0}.dialogue-card{color:#fff;pointer-events:auto;background:#191919f7;border:3px solid #d8b56c;border-radius:12px;width:min(620px,92%);padding:22px;box-shadow:0 12px 35px #00000080}.npc-name{color:#f1d18a;margin-bottom:12px;font-size:20px;font-weight:700}.dialogue-text{margin-top:0;margin-bottom:18px;font-size:16px;line-height:1.55}.tw-cursor{color:#f1cd81;animation:.7s step-end infinite tw-blink;display:inline-block}@keyframes tw-blink{0%,to{opacity:1}50%{opacity:0}}.dialogue-choices{flex-direction:column;gap:9px;display:flex}.choice-button{color:#fff;width:100%;cursor:var(--game-cursor-action);text-align:left;background:#2d2d2d;border:2px solid #816b3e;border-radius:8px;padding:12px 14px;font-size:15px;transition:transform .12s,background .12s,border-color .12s}.choice-button:hover{background:#3a3a3a;border-color:#d8b56c;transform:translate(4px)}.continue-button{color:#222;cursor:var(--game-cursor-action);background:#d8b56c;border:none;border-radius:8px;padding:10px 18px;font-weight:700}.controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#d8dcd6;text-align:center;white-space:nowrap;pointer-events:none;z-index:3;background:#0c16128c;border-radius:999px;margin:0;padding:5px 14px;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.controls kbd{color:#e6e6e6;background:#2b2b2b;border:1px solid #555;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:12px;display:inline-block}.cinematic-intro{isolation:isolate;color:#fff8e9;background:#bccac4;width:100%;height:100svh;min-height:320px;padding:0;position:relative;overflow:hidden}.cinematic-backdrop,.cinematic-media{width:100%;height:100%;position:absolute;inset:0}.cinematic-backdrop{z-index:-1;transition:filter 1.2s}.cinematic-media{object-fit:cover}.town-hold{opacity:0;transition:opacity .65s}.cinematic-lina .town-hold{opacity:1}.cinematic-lina .cinematic-backdrop{filter:blur(2px)brightness(.82)}.cinematic-title{text-align:center;color:#173d39;background:radial-gradient(#fff8e9ba,#fff8e910 70%);flex-direction:column;justify-content:center;align-items:center;padding:72px 24px;transition:opacity .7s,transform .7s,visibility .7s;display:flex;position:absolute;inset:0}.cinematic-title.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-18px)}.startup-eyebrow{letter-spacing:.15em;margin:0 0 18px;font-size:12px;font-weight:700}.cinematic-title h1{letter-spacing:-.045em;text-shadow:0 2px 20px #fff8e990;margin:0;font-size:clamp(48px,8vw,108px);line-height:.98}.cinematic-title h1 span{color:#34634e}.splash-description{max-width:350px;margin:24px 0 30px;font-size:18px;line-height:1.6}.startup-button{min-height:46px;font:inherit;cursor:var(--game-cursor-action);border:1px solid #0000;border-radius:12px;padding:12px 22px;font-weight:700}.startup-button-primary{color:#24332d;background:#f1cd81;box-shadow:0 5px #b48e45}.startup-button-primary:hover{background:#ffdda0}.cinematic-title .startup-button-primary{min-width:220px;font-size:20px}.startup-button-glass{color:#fff8e9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#153c36db;border-color:#ffffff40}.startup-button-glass:hover{background:#24554c}.startup-button:focus-visible{outline-offset:5px;outline:3px solid #fff}.cinematic-title .startup-button:focus-visible{outline-color:#173d39}.cinematic-toolbar{top:max(20px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));z-index:4;gap:10px;display:flex;position:absolute}.cinematic-footer{bottom:max(24px, env(safe-area-inset-bottom));z-index:4;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;left:24px;right:24px}.cinematic-footer p{background:#153c36d9;border-radius:10px;margin:0;padding:10px 16px;font-size:14px}.intro-loading{pointer-events:none;background:#102825e6;border-radius:8px;margin:0;padding:8px 12px;position:absolute;top:84px;right:24px}.intro-fallback{text-align:center;background:#102825a6;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:80px 24px;display:flex;position:absolute;inset:0}.intro-fallback p{max-width:440px;margin:0;line-height:1.5}.lina-foreground{position:absolute;inset:0}.lina-foreground:before{content:"";background:linear-gradient(#0000,#102e2aec);position:absolute;inset:55% 0 0}.lina-video-layer{aspect-ratio:16/9;height:min(78svh,110vw,740px);animation:.7s both lina-reveal;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.lina-video-layer>img,.lina-video-layer>canvas{width:100%;height:100%;position:absolute;inset:0}.lina-video-layer>canvas{opacity:0}.lina-video-layer>canvas.is-ready{opacity:1}.lina-video-layer:has(canvas.is-ready)>img{visibility:hidden}.masked-video-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.lina-playback-controls{top:max(20px, env(safe-area-inset-top));z-index:4;position:absolute;left:20px}@keyframes lina-reveal{0%{opacity:0}to{opacity:1}}@media (width<=600px){.cinematic-footer{align-items:flex-end;gap:12px;left:16px;right:16px}.cinematic-footer p{max-width:150px;font-size:12px}.cinematic-footer .startup-button{padding:12px 16px}}@media (height<=500px){.cinematic-title{padding:16px 24px}.cinematic-title h1{font-size:46px}.cinematic-title .startup-eyebrow{margin-bottom:8px}.splash-description{margin:10px 0 14px;font-size:14px}}@media (prefers-reduced-motion:reduce){.cinematic-title,.cinematic-backdrop,.town-hold{transition:none}.lina-video-layer{animation:none}}.objective-pill{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff8e9;white-space:nowrap;pointer-events:none;z-index:4;background:#0c1e18b8;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;position:absolute;top:14px;left:50%;transform:translate(-50%)}.notebook-button{z-index:4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1e18b8;border:none;border-radius:12px;align-items:center;gap:2px;padding:8px 14px;font-size:20px;display:flex;position:absolute;top:14px;right:14px}.notebook-count{color:#24332d;background:#f1cd81;border-radius:999px;min-width:18px;padding:1px 5px;font-size:11px;font-weight:800}.mute-button{z-index:4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1e18b8;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:40px;font-size:18px;display:flex;position:absolute;top:14px;right:14px}.notebook-button{right:66px}.player-card{z-index:4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fdfbf2;background:#0c1e18b8;border:none;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 6px;transition:background .15s;display:flex;position:absolute;bottom:14px;left:14px}.player-card:hover{background:#18342ad9}.player-card .avatar-face{border-radius:999px}.player-card-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:13px;font-weight:800;overflow:hidden}.player-card-caret{opacity:.7;font-size:9px}.player-menu{z-index:20;color:#24332d;background:#fdfbf2;border-radius:16px;width:min(300px,84vw);padding:16px 18px;animation:.2s card-pop;position:absolute;bottom:62px;left:14px;box-shadow:0 12px 40px #0006}.player-menu-head{align-items:center;gap:12px;display:flex}.player-menu-id{flex-direction:column;flex:1;min-width:0;display:flex}.player-menu-id strong{color:#14584a;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.player-menu-id span{color:#5a7a6e;font-size:12px}.player-menu-close{color:#5a7a6e;background:0 0;border:none;border-radius:8px;align-self:flex-start;padding:4px 8px;font-size:15px}.player-menu-close:hover{color:#24332d;background:#eef1ea}.player-menu-facts{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.player-menu-facts li{background:#eef7f2;border-radius:9px;justify-content:space-between;gap:10px;padding:7px 10px;font-size:12.5px;display:flex}.player-menu-facts span{color:#41594f;flex-shrink:0;font-weight:700}.player-menu-facts em{text-align:right;font-style:normal}.player-menu-section{margin-top:14px}.player-menu-section h3{letter-spacing:.08em;text-transform:uppercase;color:#5a7a6e;margin:0 0 8px;font-size:11px}.player-menu-row{color:#24332d;background:#f4f8f3;border:2px solid #d8e4da;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;font-size:13px;font-weight:700;display:flex}.player-menu-row:hover{border-color:#b9cfbf}.player-menu-row em{color:#14584a;font-style:normal;font-weight:800}.player-menu-actions{gap:8px;margin-top:14px;display:flex}.player-menu-action{color:#fdfbf2;background:#14584a;border:none;border-radius:10px;flex:1;padding:9px 8px;font-size:12.5px;font-weight:800}.player-menu-action:hover{background:#1d6f5d}.player-menu-note{color:#7a938a;margin:10px 0 0;font-size:11px;line-height:1.5}.profile-back{top:max(20px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));position:absolute}.gate-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a18148c;border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:min(480px,92vw);max-height:min(78svh,640px);padding:22px 26px;display:flex;overflow-y:auto;box-shadow:0 16px 50px #00000059}.gate-title{font-size:26px}.roster-empty{color:#d8dcd6;text-align:center;max-width:300px;margin:0;font-size:14px;line-height:1.55}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;width:100%;display:grid}.roster-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff8e9;background:#ffffff1f;border:2.5px solid #ffffff4d;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;transition:border-color .15s,background .15s,transform .15s;display:flex}.roster-card:hover{background:#f1cd812e;border-color:#f1cd81;transform:translateY(-2px)}.roster-card .avatar-face{border-radius:10px}.roster-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.roster-no{opacity:.75;font-size:11px}.roster-stage{color:#bcd4c8;font-size:10.5px;font-style:normal;font-weight:700}.roster-stage.saved{color:#f1cd81}.gate-field{flex-direction:column;gap:5px;width:100%;display:flex}.gate-field span{letter-spacing:.08em;text-transform:uppercase;color:#bcd4c8;font-size:11px;font-weight:700}.gate-field input,.gate-form input{color:#24332d;background:#ffffffeb;border:2px solid #ffffff59;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:14px;font-weight:700}.gate-field input:focus,.gate-form input:focus{border-color:#f1cd81}.gate-form{gap:8px;width:100%;display:flex}.gate-form input:first-child{flex:2}.gate-form input:last-child{flex:1}.gate-error{color:#ffb4a2;margin:0;font-size:13px;font-weight:700}.teacher-list{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.teacher-list li{color:#fff8e9;background:#ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:7px 6px 7px 12px;font-size:13px;display:flex}.teacher-list-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacher-list-name em{opacity:.7;font-style:normal}.teacher-del{color:#ffb4a2;white-space:nowrap;background:#ffffff24;border:none;border-radius:8px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}.teacher-del:hover{color:#fff;background:#c8503c73}.gate-link{color:#bcd4c8;text-underline-offset:3px;background:0 0;border:none;font-size:13px;font-weight:700;text-decoration:underline}.gate-link:hover{color:#fff8e9}.player-menu-no{color:#5a7a6e;font-style:normal;font-weight:600}.player-menu-org{color:#7a938a;font-size:11px}.gate-hint{color:#d8dcd6;text-align:center;margin:0;font-size:13px}.gate-hint strong{color:#f1cd81;letter-spacing:.05em}.gate-code-input{color:#24332d;letter-spacing:.12em;text-align:center;text-transform:uppercase;background:#ffffffeb;border:2px solid #ffffff59;border-radius:14px;outline:none;width:min(240px,80vw);padding:12px 16px;font-size:20px;font-weight:800}.gate-code-input:focus{border-color:#f1cd81}.gate-code-input::placeholder{color:#9db3aa;letter-spacing:.08em;font-size:14px}.gate-inline-btn{white-space:nowrap;padding:10px 18px}.join-code{color:#f1cd81;letter-spacing:.08em;background:#f1cd8133;border-radius:7px;padding:2px 8px;font-size:12px;font-weight:800}.share-code{opacity:.65;font-size:11px}.teacher-class-open{color:#fff8e9;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:10px;min-width:0;padding:0;font-size:13px;display:flex}.teacher-class-open strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacher-class-open em{opacity:.7;white-space:nowrap;margin-left:auto;font-size:11px;font-style:normal}.teacher-class-open:hover strong{text-underline-offset:3px;text-decoration:underline}.minimap{z-index:4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background:#0c1e18b8;border:none;border-radius:14px;flex-direction:column;gap:4px;width:190px;padding:6px;display:flex;position:absolute;bottom:14px;right:14px}.minimap svg{border-radius:9px;width:100%;display:block}.minimap.overview{opacity:.45}.minimap-district-name{fill:#fdfbf2;opacity:.85;paint-order:stroke;stroke:#16261fb3;stroke-width:10px;font-family:Segoe UI,Arial,sans-serif;font-size:95px;font-weight:800}.minimap-quest{fill:#ffd34d;paint-order:stroke;stroke:#4a3200;stroke-width:14px;font-family:Arial,sans-serif;font-size:150px;font-weight:900}.minimap-warning{font-size:140px}.minimap-impl{fill:#f1cd81;stroke:#4a3200;stroke-width:10px;opacity:.9}.minimap-player-ring{fill:none;stroke:#ffffffa6;stroke-width:12px;animation:1.8s ease-in-out infinite minimap-player-pulse}.minimap-player-dot{fill:#fff;stroke:#14584a;stroke-width:12px}@keyframes minimap-player-pulse{0%,to{stroke-width:10px;opacity:1}50%{stroke-width:26px;opacity:.4}}.minimap-legend{color:#fff8e9;text-align:center;padding:0 4px 2px;font-size:10px;font-weight:700}.map-mode-pill{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff8e9;white-space:nowrap;pointer-events:none;z-index:4;background:#0c1e18cc;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.map-mode-pill kbd{background:#ffffff29;border-radius:5px;padding:1px 6px;font-family:inherit}.chart-view{background:#f0f6f9;border:1px solid #cfe0ec;border-radius:12px;margin:4px 22px 14px;padding:12px 14px}.chart-view figcaption{color:#14584a;margin:0 0 6px;font-size:12px;font-weight:800}.chart-view svg{width:100%;height:auto;display:block}.chart-grid{stroke:#c9d9e3;stroke-width:1px;stroke-dasharray:4 4}.chart-grid-label{fill:#7d97a6;font-size:9px;font-weight:700}.chart-axis{stroke:#4a6a7a;stroke-width:2px}.chart-bar{fill:#4db8e0}.chart-bar.highlight{fill:#0f8a6a}.chart-value{fill:#14584a;font-size:13px;font-weight:800}.chart-label{fill:#5a7a6e;font-size:10px;font-weight:700}.dialogue-chart .chart-view{margin:10px 0 4px;padding:10px}.announce-card{max-width:460px}.announce-step{margin:0 22px 14px}.announce-label{color:#14584a;margin:0 0 8px;font-size:13px;font-weight:800}.announce-icons{gap:10px;display:flex}.announce-icon{cursor:pointer;background:#f4f8f3;border:2px solid #d8e4da;border-radius:12px;width:52px;height:52px;font-size:24px;transition:transform .12s,border-color .12s}.announce-icon:hover{transform:translateY(-2px)}.announce-icon.selected{background:#e3f4ec;border-color:#0f8a6a;box-shadow:0 0 0 3px #0f8a6a2e}.announce-headlines{flex-direction:column;gap:8px;display:flex}.announce-headline{color:#24332d;text-align:left;cursor:pointer;background:#f4f8f3;border:2px solid #d8e4da;border-radius:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:700}.announce-headline:hover{border-color:#9fc4b2}.announce-headline.selected{background:#e3f4ec;border-color:#0f8a6a}.announce-headline.wrong{background:#fdf1ea;border-color:#d97f57}.announce-feedback{color:#a34d22;margin:5px 4px 0;font-size:12px;font-weight:600}.announce-counter{float:right;color:#5a7a6e;font-size:11px;font-weight:600}.announce-message{color:#24332d;resize:vertical;background:#fff;border:2px solid #d8e4da;border-radius:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5}.announce-message:focus{border-color:#0f8a6a;outline:none}.announce-preview{background:#fff;border:1px solid #d8e4da;border-radius:14px;gap:12px;margin:4px 22px 14px;padding:14px;display:flex}.announce-avatar{background:#e3f4ec;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.announce-body{min-width:0}.announce-meta{color:#5a7a6e;margin:0 0 6px;font-size:11px}.announce-preview-headline{color:#14584a;margin:0 0 4px;font-size:14px;font-weight:800}.announce-preview-message{color:#24332d;word-break:break-word;margin:0;font-size:13px;line-height:1.45}@media (width<=600px){.minimap{width:128px}.minimap-legend{display:none}}.notebook-panel{z-index:4;color:#24332d;background:#fdfbf2;border-radius:16px;width:min(320px,80vw);max-height:60svh;padding:16px 18px;position:absolute;top:62px;right:14px;overflow-y:auto;box-shadow:0 12px 40px #0006}.notebook-panel h2{color:#14584a;margin:0 0 10px;font-size:16px}.notebook-panel ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.notebook-panel li{background:#eef7f2;border-radius:10px;padding:9px 12px;font-size:13px;line-height:1.45}.notebook-progress{color:#5a7a6e;text-align:right;margin:12px 0 0;font-size:12px;font-weight:700}.report-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.report-text{flex:1;min-width:0}.report-chips{flex-shrink:0;gap:6px;display:flex}.report-chip{cursor:pointer;opacity:.55;background:#f4f8f3;border:2px solid #d8e4da;border-radius:8px;width:34px;height:30px;font-size:14px;transition:opacity .12s,border-color .12s,transform .12s}.report-chip:hover{opacity:1;transform:translateY(-1px)}.report-chip.on{opacity:1}.report-chip.worked.on{background:#e3f4ec;border-color:#0f8a6a;box-shadow:0 0 0 2px #0f8a6a26}.report-chip.problem.on{background:#fdf1ea;border-color:#d97f57;box-shadow:0 0 0 2px #d97f5726}.report-legend{text-align:center;margin:12px 0 8px}.investigation-overlay{z-index:6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08120e8c;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.investigation-card{color:#24332d;background:#fdfbf2;border-radius:22px;width:min(560px,94vw);max-height:92svh;animation:.25s card-pop;overflow-y:auto;box-shadow:0 24px 60px #00000073}@keyframes card-pop{0%{opacity:0;transform:translateY(14px)scale(.97)}}.investigation-header{border-bottom:1px solid #e4ecdf;padding:18px 22px 12px}.investigation-header h2{letter-spacing:1px;color:#14584a;margin:0;font-size:24px}.investigation-header p{color:#5a7a6e;margin:2px 0 0;font-size:13px}.investigation-speaker{background:#e3f5ee;border-radius:16px;align-items:center;gap:14px;margin:14px 22px;padding:12px 16px;display:flex}.card-portrait{background:#cdeee2;border-radius:10px;flex-shrink:0;overflow:hidden}.card-portrait img{object-fit:none;object-position:top left;image-rendering:auto;display:block}.investigation-speaker strong{color:#14584a;font-size:17px;display:block}.investigation-speaker span{color:#5a7a6e;font-size:12.5px}.investigation-body{padding:0 22px}.investigation-body p{margin:0 0 10px;font-size:14.5px;line-height:1.6}.investigation-list{flex-direction:column;gap:7px;margin:10px 0 4px;padding:0;list-style:none;display:flex}.investigation-list li{background:#eef7f2;border-radius:10px;padding:9px 14px;font-size:14px}.investigation-fact{background:#fdf4d3;border:1px solid #f0e2ae;border-radius:12px;margin:14px 22px;padding:12px 16px}.investigation-fact strong{color:#7a5b12;font-size:13px}.investigation-fact p{color:#4d3f14;margin:6px 0 0;font-size:13px;line-height:1.55}.investigation-footer{padding:14px 22px 20px}.investigation-hint{background:#eef7f2;border-radius:10px;margin-bottom:14px;padding:10px 14px}.investigation-hint strong{color:#14584a;font-size:12.5px}.investigation-hint p{margin:4px 0 0;font-size:14px;font-weight:600}.investigation-cta{color:#fff;letter-spacing:.5px;background:linear-gradient(#14a085,#0d7a5f);border:none;border-radius:14px;width:100%;padding:15px;font-size:16px;font-weight:800;box-shadow:0 4px #095a46}.investigation-cta:hover{background:linear-gradient(#18b094,#0f8a6c)}.investigation-cta:active{transform:translateY(2px);box-shadow:0 2px #095a46}@media (width<=600px){.objective-pill{white-space:normal;text-align:center;max-width:60vw;font-size:12px}.investigation-card{width:94vw}}.card-question{background:#eaf3fd;border:1px solid #cfe2f5;border-radius:12px;margin:0 22px 14px;padding:12px 16px}.card-question>strong{color:#1d4e79;margin-bottom:8px;font-size:13.5px;display:block}.card-question-options{flex-direction:column;gap:6px;display:flex}.question-option{color:#24332d;text-align:left;background:#fff;border:1.5px solid #b9d4ea;border-radius:10px;padding:9px 12px;font-size:13.5px;transition:border-color .15s,background .15s}.question-option:not(:disabled):hover{background:#f4f9fe;border-color:#4f8fc9}.question-option.picked{background:#dcebfd;border-color:#1d4e79;font-weight:700}.question-option.correct{background:#d8f3e8;border-color:#0d7a5f;font-weight:700}.question-option.wrong{background:#fbe3de;border-color:#b3402e;text-decoration:line-through}.question-option:disabled{cursor:default;opacity:.85}.question-response{color:#1d4e79;margin:8px 0 0;font-size:13px;font-weight:600;line-height:1.5}.investigation-cta:disabled{opacity:.5;cursor:default;transform:none}.notebook-datum{color:#7a5b12;white-space:nowrap;background:#fdf4d3;border:1px solid #f0e2ae;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px;font-style:normal;font-weight:700;display:inline-block}.evidence-prompt{color:#14584a;margin:0 0 10px;font-size:13px;font-weight:700}.notebook-panel li.markable{background:0 0;padding:0}.evidence-row{cursor:pointer;background:#eef7f2;border-radius:10px;align-items:flex-start;gap:10px;padding:9px 12px;display:flex}.evidence-row input{accent-color:#0d7a5f;flex-shrink:0;width:16px;height:16px;margin-top:3px}.evidence-submit{border-radius:12px;width:100%;margin-top:12px;padding:11px;font-size:14px;font-weight:800}.evidence-submit:disabled{opacity:.5;cursor:default}.solution-budget{color:#fff;background:#14584a;border-radius:12px;justify-content:space-between;align-items:center;margin:14px 22px 8px;padding:12px 16px;display:flex}.solution-budget span{opacity:.85;font-size:13px}.solution-budget strong{font-size:20px;font-weight:800}.solution-list{flex-direction:column;gap:8px;padding:0 22px 4px;display:flex}.solution-item{text-align:left;background:#fff;border:2px solid #dbe7df;border-radius:14px;align-items:flex-start;gap:12px;padding:10px 14px;transition:border-color .15s,background .15s;display:flex}.solution-item:not(:disabled):hover{border-color:#14a085}.solution-item.picked{background:#e9f7f1;border-color:#0d7a5f}.solution-item:disabled{opacity:.45;cursor:default}.solution-icon{font-size:22px;line-height:1.2}.solution-info{flex-direction:column;flex:1;gap:3px;display:flex}.solution-title{color:#14584a;justify-content:space-between;gap:10px;font-size:14.5px;font-weight:800;display:flex}.solution-title em{color:#7a5b12;white-space:nowrap;font-style:normal;font-weight:800}.solution-text{color:#24332d;font-size:13px;line-height:1.45}.solution-why{color:#5a7a6e;font-size:12px;font-style:italic}.solution-check{color:#5a7a6e;border:2px solid #b9cfc4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-weight:800;display:flex}.solution-item.picked .solution-check{color:#fff;background:#0d7a5f;border-color:#0d7a5f}.balance-meter{background:#0d7a5f0f;border:1.5px dashed #b9cfc4;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;padding:8px 14px;display:flex}.balance-meter-title{color:#5a7a6e;text-transform:uppercase;letter-spacing:.4px;margin-right:4px;font-size:11px;font-weight:800}.balance-chip{color:#9aa8a0;background:#f4f8f5;border:1.5px solid #d8e3dc;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;transition:all .2s}.balance-chip.lit{color:#fff;background:#0d7a5f;border-color:#0d7a5f}.solution-badges{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.badge{border-radius:999px;padding:2px 9px;font-size:11px;font-style:normal;font-weight:700}.badge-evidence{color:#7a5b12;background:#fff3d6}.badge-horizon{color:#20567e;background:#e3f0fb}.rationale-step{border-top:1.5px solid #e5ece8;flex-direction:column;gap:10px;padding-top:10px;display:flex}.rationale-question{color:#24332d;margin:0;font-size:14px}.rationale-choices{flex-direction:column;gap:6px;display:flex}.rationale-chip{text-align:left;color:#24332d;background:#f8fbf9;border:1.5px solid #cfe0d6;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:600}.rationale-chip.picked{background:#e6f4ef;border-color:#0d7a5f}.rationale-input{border:1.5px solid #cfe0d6;border-radius:10px;outline:none;padding:9px 12px;font-size:13px}.rationale-input:focus{border-color:#0d7a5f}.rationale-actions{justify-content:space-between;gap:10px;display:flex}.profile-panel{z-index:8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08120e73;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;animation:.25s card-pop;display:flex;position:absolute;inset:0}.profile-title{color:#fff8e9;text-shadow:0 2px 12px #00000080;margin:0;font-size:30px}.profile-name-input{color:#24332d;text-align:center;background:#ffffffeb;border:2px solid #ffffff59;border-radius:14px;outline:none;width:min(280px,80vw);padding:12px 16px;font-size:17px;font-weight:700}.profile-name-input:focus{border-color:#f1cd81}.avatar-grid{flex-wrap:wrap;justify-content:center;gap:10px;max-width:340px;display:flex}.avatar-option{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff1f;border:2.5px solid #ffffff4d;border-radius:14px;padding:6px;transition:border-color .15s,background .15s,transform .15s}.avatar-option:hover{border-color:#ffffffb3;transform:translateY(-2px)}.avatar-option.picked{background:#f1cd8140;border-color:#f1cd81}.avatar-face{border-radius:8px;display:block;overflow:hidden}.avatar-face img{display:block}.startup-button:disabled{opacity:.5;cursor:default}.day-tint{z-index:5;pointer-events:none;transition:background 1.4s;position:absolute;inset:0}.time-shift{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#0a16128c;flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:2.6s both ts-overlay-in;display:flex;position:absolute;inset:0}@keyframes ts-overlay-in{0%{opacity:0}10%{opacity:1}84%{opacity:1}to{opacity:0}}.ts-stage{align-items:center;gap:26px;display:flex}.ts-calendar{perspective:480px;border-radius:12px;width:128px;height:118px;position:relative;overflow:visible}.ts-page{color:#8a2b1d;transform-origin:top;background:#fff8e9;border:3px solid #b3402e;border-top-width:20px;border-radius:12px;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex;position:absolute;inset:0;box-shadow:0 8px 20px #0000004d}.ts-page.tear{animation:1.1s cubic-bezier(.5,0,.8,.4) .25s both ts-tear-off}.ts-page.attach{animation:1.1s cubic-bezier(.2,.6,.3,1) .25s both ts-attach}@keyframes ts-tear-off{0%{opacity:1;transform:rotateX(0)translateY(0)}to{opacity:0;transform:rotateX(-96deg)translateY(-46px)}}@keyframes ts-attach{0%{opacity:0;transform:rotateX(-96deg)translateY(-46px)}to{opacity:1;transform:rotateX(0)translateY(0)}}.ts-clock{width:118px;height:118px}.ts-face{fill:#fff8e9;stroke:#f1cd81;stroke-width:5px}.ts-hub{fill:#8a2b1d}.ts-tick{stroke:#5a7a6e;stroke-width:3px;stroke-linecap:round}.ts-hand{stroke:#1c3a30;stroke-linecap:round;transition:transform 1.7s cubic-bezier(.35,.75,.25,1)}.ts-hand.hour{stroke-width:6px}.ts-hand.minute{stroke-width:3.5px;stroke:#b3402e}.ts-time{color:#fff8e9;font-variant-numeric:tabular-nums;letter-spacing:.06em;text-shadow:0 2px 8px #00000080;margin:0;font-size:26px;font-weight:800}.ts-label{color:#fff8e9;letter-spacing:.03em;text-align:center;background:#12221ce6;border:2px solid #f1cd81;border-radius:14px;margin:0;padding:12px 30px;font-size:20px;font-weight:800}.finale-card{width:min(620px,94vw)}.finale-expectation{color:#1d4e79;background:#eaf3fd;border:1px solid #cfe2f5;border-radius:10px;margin:14px 22px 0;padding:10px 14px;font-size:13.5px;line-height:1.5}.finale-expectation em{font-weight:700}.finale-runs{grid-template-columns:1fr;gap:10px;margin:14px 22px 0;display:grid}.finale-runs.two{grid-template-columns:1fr 1fr}.finale-run{background:#eef7f2;border-radius:12px;padding:10px 14px}.finale-run.alt{background:#fdf4d3}.finale-run h3{color:#14584a;margin:0 0 6px;font-size:13px}.finale-run ul{margin:0;padding-left:18px;font-size:13px;line-height:1.55}.finale-stats{border-collapse:collapse;width:calc(100% - 44px);margin:14px 22px 0;font-size:13.5px}.finale-stats th{text-align:left;color:#5a7a6e;border-bottom:2px solid #dbe7df;padding:6px 8px;font-size:12px}.finale-stats td{border-bottom:1px solid #eef1ea;padding:7px 8px}.finale-delta{margin-left:8px;font-size:11.5px;font-style:normal;font-weight:800}.finale-delta.up{color:#0d7a5f}.finale-delta.down{color:#b3402e}.finale-statement{margin:14px 22px 0}.finale-statement .rationale-input{width:100%}@media (width<=600px){.finale-runs.two{grid-template-columns:1fr}.ts-label{width:86vw;font-size:17px}}.report-card{text-align:left;align-items:stretch;width:min(720px,94vw)}.report-head{align-items:center;gap:14px;display:flex}.report-head .avatar-face{border-radius:12px}.report-identity{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.report-identity strong{color:#fff8e9;font-size:20px}.report-identity span{color:#bcd4c8;font-size:12px}.report-section{border-top:2px dashed #ffffff2e;padding-top:12px}.report-section h3{letter-spacing:.1em;text-transform:uppercase;color:#f1cd81;margin:0 0 8px;font-size:11px;font-weight:800}.report-section h4{color:#d8dcd6;margin:0 0 6px;font-size:12px}.report-stage{color:#fff8e9;margin:0;font-size:15px;font-weight:700}.report-stage em,.report-note{color:#bcd4c8;font-size:13px;font-style:normal}.report-note{text-align:center;margin:0}.rep-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rep-chips li{color:#fff8e9;background:#ffffff24;border-radius:9px;padding:5px 10px;font-size:12.5px;font-weight:600}.rep-chips.good li{background:#78be8c40}.rep-chips.bad li{background:#e6786438}.report-notes-list{color:#d8dcd6;margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.6}.report-notes-list em{color:#9db3aa;font-style:normal}.plan-items{margin:0;padding:0;list-style:none}.plan-items li{color:#fff8e9;border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:10px;padding:6px 0;font-size:13.5px;display:flex}.plan-items em{color:#f1cd81;white-space:nowrap;font-style:normal;font-weight:700}.plan-items .plan-total{border-bottom:none;font-weight:800}.report-announce{color:#fff8e9;margin:0;font-size:14px}.report-verdict{grid-template-columns:1fr 1fr;gap:12px;display:grid}.report-deltas{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.report-deltas li{color:#d8dcd6;background:#ffffff1a;border-radius:9px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.delta{font-style:normal;font-weight:800}.delta.up{color:#9fe0ae}.delta.down{color:#ffb4a2}.report-timeline{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.report-timeline li{color:#d8dcd6;border-bottom:1px solid #ffffff14;gap:10px;padding:5px 0;font-size:12.5px;display:flex}.report-timeline time{color:#9db3aa;font-variant-numeric:tabular-nums;flex-shrink:0}.teacher-report{background:#f1cd8129;border:none;border-radius:8px;flex-shrink:0;padding:4px 10px;font-size:13px}.teacher-report:hover{background:#f1cd8159}@media (width<=560px){.report-verdict{grid-template-columns:1fr}.report-head{flex-wrap:wrap}}.professional-gate{width:min(440px,92vw)}.gate-role-tabs{background:#00000059;border-radius:14px;gap:4px;width:100%;margin-bottom:8px;padding:4px;display:flex}.gate-role-tab{color:#a4c2b5;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1;padding:8px 10px;font-size:13px;font-weight:700;transition:all .2s}.gate-role-tab:hover{color:#fff8e9;background:#ffffff14}.gate-role-tab.active{color:#f1cd81;background:#f1cd8138;box-shadow:0 2px 8px #0000004d}.gate-tab-content{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.gate-name-input{text-transform:none;letter-spacing:normal;font-size:15px;font-weight:600}.gate-success-toast{color:#92e0a2;text-align:center;background:#57b36a40;border:1px solid #57b36a80;border-radius:10px;margin:6px 0;padding:8px 14px;font-size:13px;font-weight:700}.professional-staff-card{width:min(640px,95vw);max-height:88vh;overflow-y:auto}.staff-header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;display:flex}.staff-current-tag{color:#a4c2b5;background:#ffffff14;border-radius:6px;padding:3px 8px;font-size:12px}.logout-link{color:#ffb4a2}.staff-section-block,.staff-workspace-view{flex-direction:column;gap:12px;width:100%;display:flex}.staff-meta-row{justify-content:space-between;align-items:center;width:100%;display:flex}.workspace-title-pill{color:#f1cd81;font-size:14px;font-weight:800}.staff-group-row{justify-content:space-between;align-items:center;width:100%;display:flex}.staff-join-code-banner{background:linear-gradient(135deg,#f1cd812e,#f1cd810f);border:1px solid #f1cd8159;border-radius:14px;justify-content:space-between;align-items:center;width:100%;margin:10px 0;padding:12px 18px;display:flex}.banner-label{letter-spacing:.1em;color:#bcd4c8;font-size:11px;font-weight:800;display:block}.banner-code{letter-spacing:.16em;color:#f1cd81;font-size:26px;font-weight:900}.staff-subheading{color:#fff8e9;margin:12px 0 6px;font-size:14px;font-weight:800}.staff-activity-box{background:#00000038;border-radius:12px;width:100%;padding:12px 16px}.activity-active-bar,.activity-closed-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-status-indicator{letter-spacing:.06em;font-size:12px;font-weight:800}.activity-status-indicator.pulse-green{color:#57b36a}.activity-status-indicator.gray{color:#9db3aa}.activity-help-text{color:#bcd4c8;flex:1;margin:0;font-size:12px}.btn-sm{padding:6px 14px;font-size:13px}.btn-xs{padding:4px 10px;font-size:12px}.staff-roster-section{flex-direction:column;gap:10px;width:100%;display:flex}.staff-student-list{flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.staff-student-card{background:#ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.staff-student-card:hover{background:#ffffff1f}.student-main-info{flex-direction:column;gap:3px;display:flex}.student-name{color:#fff8e9;font-size:14px;font-weight:700}.student-share-code-line{align-items:center;gap:8px;font-size:12px;display:flex}.code-tag{color:#a4c2b5}.code-tag code{color:#f1cd81;background:#00000040;border-radius:4px;padding:1px 5px;font-weight:700}.code-copy-btn{color:#bcd4c8;cursor:pointer;background:#ffffff1f;border:none;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.code-copy-btn:hover{color:#fff;background:#ffffff40}.student-actions-row{align-items:center;gap:8px;display:flex}.attempt-badge{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.attempt-badge.active{color:#72d2f4;background:#4db8e040}.attempt-badge.completed{color:#87e099;background:#57b36a40}.attempt-badge.none{color:#a4c2b5;background:#ffffff14}.report-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a120ed1;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.report-modal-card{color:#fff8e9;background:#1c2b25;border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;width:min(600px,96vw);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 16px 48px #0009}.report-modal-header{background:#0000002e;border-bottom:1px solid #ffffff1a;padding:20px 24px 16px}.report-badge-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.report-eyebrow{letter-spacing:.12em;color:#8faea1;font-size:11px;font-weight:800}.report-status-pill{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.status-completed{color:#87e099;background:#57b36a40}.status-active{color:#72d2f4;background:#4db8e040}.status-not_started{color:#bcd4c8;background:#ffffff1a}.report-student-name{color:#f1cd81;margin:0 0 4px;font-size:24px;font-weight:800}.report-school-meta{color:#bcd4c8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.report-share-chip code{color:#f1cd81;background:#0000004d;border-radius:4px;padding:2px 6px;font-weight:800}.report-modal-body{flex-direction:column;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.report-section{flex-direction:column;gap:10px;display:flex}.report-section-title{color:#f1cd81;letter-spacing:.04em;margin:0;font-size:14px;font-weight:800}.report-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=480px){.report-stats-grid{grid-template-columns:1fr}}.report-stat-item{background:#00000040;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.report-stat-header{justify-content:space-between;align-items:center;font-size:13px;display:flex}.report-stat-icon{font-size:16px}.report-stat-name{color:#fff8e9;margin-left:6px;margin-right:auto;font-weight:700}.report-stat-tag{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:800}.status-good{color:#87e099;background:#57b36a40}.status-warning{color:#f1cd81;background:#e0b34f40}.status-critical{color:#ff9d99;background:#d9534f40}.report-progress-track{background:#ffffff1a;border-radius:4px;width:100%;height:8px;overflow:hidden}.report-progress-fill{border-radius:4px;height:100%;transition:width .3s}.report-stat-num{color:#bcd4c8;align-self:flex-end;font-size:12px;font-weight:800}.report-notebook-list{flex-direction:column;gap:6px;max-height:140px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.report-notebook-item{background:#ffffff0f;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.report-notebook-text{flex:1}.report-notebook-datum{color:#f1cd81;font-style:normal;font-weight:700}.report-plan-box{background:#00000040;border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.report-plan-solutions{color:#87e099;flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.report-plan-cost{color:#bcd4c8;margin:0;font-size:13px}.report-plan-cost strong{color:#f1cd81}.report-plan-rationale{color:#d8dcd6;margin:0;font-size:13px}.report-quote{color:#fff8e9;background:#f1cd8114;border-left:3px solid #f1cd81;border-radius:0 8px 8px 0;margin:0;padding:10px 14px;font-size:14px;font-style:italic}.report-pedagogical-note{color:#a4c2b5;background:#ffffff0d;border-radius:12px;padding:12px 16px;font-size:12px;line-height:1.5}.report-pedagogical-note h4{color:#f1cd81;margin:0 0 4px;font-size:13px}.report-pedagogical-note p{margin:0}.report-empty-note{color:#8faea1;margin:0;font-size:13px;font-style:italic}.report-modal-footer{background:#0000002e;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}