@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}button,input{font:inherit}:root{--black-1000:#050505;--black-900:#0f0f0f;--black-800:#1a1a1a;--text-main:#f6f6f6;--text-muted:#a7a7ad;--red-500:#ff1e1e;--red-600:#d41313;--red-700:#9c0f0f;--gold-500:#c9a84c;--surface-panel:linear-gradient(160deg, #161616fa, #0a0a0af7);--motion-fast:.13s;--motion-base:.19s;--motion-slow:.28s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.2, .8, 0, 1);--ease-decelerate:cubic-bezier(.05, .7, .1, 1)}.app-shell{background:linear-gradient(90deg,#3a0000 0%,#0a0a0a 40% 60%,#3a0000 100%);justify-content:center;min-height:100dvh;display:flex}.phone-screen{width:min(100vw,430px);min-height:100dvh;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 20px);padding-top:max(calc(env(safe-area-inset-top,0px) + 34px), 64px);position:relative;overflow:hidden}@media (width>=600px){.app-shell--phone-frame{align-items:center;padding:12px}.app-shell--phone-frame .phone-screen{border:1px solid #ff50502e;border-radius:28px;width:min(430px,100vw - 24px);height:min(900px,100dvh - 24px);min-height:min(900px,100dvh - 24px);box-shadow:0 24px 48px #00000073}.app-shell--phone-frame .phone-screen.auth-screen{padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 20px);padding-top:max(calc(env(safe-area-inset-top,0px) + 34px), 64px)}}.line-input{margin-top:12px;display:block}.line-input span{letter-spacing:.08em;text-transform:uppercase;color:#ff9b9b;margin-bottom:6px;font-size:.75rem;display:block}.line-input input{color:#fff;width:100%;transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);background:#0a0a0a;border:1px solid #ff3636bf;border-radius:12px;outline:none;padding:11px 12px;font-size:1rem}.line-input input::placeholder{color:#7f7f86}.line-input input:focus{border-color:#ff9b9b;box-shadow:0 0 0 3px #ff3b3b1f}.action-button{cursor:pointer;width:100%;transition:transform var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), filter var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);border:1px solid #0000;border-radius:12px;margin-top:14px;padding:11px 14px;font-size:.95rem;font-weight:600}.action-button:disabled{cursor:default;opacity:.7}.action-button:not(:disabled):active{transform:translateY(1px)}.action-button:not(:disabled):hover{filter:brightness(1.05)}.action-button.primary{background:linear-gradient(180deg, var(--red-500), var(--red-600));color:#fff}.action-button.ghost{color:#ffc9c9;background:0 0;border-color:#ff3b3bb8}.action-button.minimal{color:#8f8f96;background:0 0;border:none;margin-top:10px}.error-banner{color:#ffd3d3;background:#69000038;border:1px solid #ff55556b;border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:.9rem;line-height:1.35}.switch-mode-row{text-align:center;margin-top:16px}.switch-mode-btn{color:#ff9b9b;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.88rem;text-decoration:underline}.sign-out-btn{color:#ffe0e0;white-space:nowrap;cursor:pointer;background:#ff1c1c29;border:1px solid #ff5454b3;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:600}.screen-loading{color:var(--text-muted);animation:soft-pulse 1.6s var(--ease-standard) infinite;justify-content:center;align-items:center;padding:48px 0;display:flex}.splash{min-height:100dvh;color:var(--text-muted);background:#070707;justify-content:center;align-items:center;font-size:1rem;display:flex}@media (width<=380px){.phone-screen{padding-left:13px;padding-right:13px}.surface-panel{padding:14px}}@keyframes soft-pulse{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.auth-screen{color:var(--text-main);background:linear-gradient(#070707 0%,#030303 100%)}.phone-screen.auth-screen{overflow:hidden auto}.onboard-layout{z-index:1;flex-direction:column;gap:14px;min-height:100%;display:flex;position:relative}.onboard-bg-glow{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.onboard-bg-glow-top{background:radial-gradient(circle,#ff2d2d6b 0%,#ff2d2d14 46%,#ff2d2d00 70%);width:320px;height:320px;top:-130px;right:-170px}.onboard-bg-glow-bottom{background:radial-gradient(circle,#ff2d2d29 0%,#ff2d2d00 70%);width:260px;height:260px;bottom:-150px;left:-120px}.onboard-bg-shape{opacity:.7;z-index:0;background:linear-gradient(135deg,#ff2d2d40,#ff2d2d14);border-radius:28px;width:110px;height:110px;position:absolute;top:56px;right:-26px;transform:rotate(42deg)}.onboard-welcome-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:24px 8px 12px;display:flex}.onboard-logo-box{background:linear-gradient(145deg,#ff2d2d29,#ff2d2d0f);border:1px solid #ff505033;border-radius:30px;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.onboard-logo-mark{color:#ff2d2d;font-size:2.5rem;font-weight:700;line-height:1}.onboard-hero-copy{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.onboard-hero-copy h1{color:#f6f6f6;letter-spacing:-.02em;margin:0;font-size:clamp(2rem,9vw,2.75rem);line-height:1}.onboard-kicker{color:#ff9b9b;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.88rem}.onboard-hero-copy p{color:var(--text-muted);max-width:290px;margin:0;font-size:1rem;line-height:1.45}.onboard-top-bar{justify-content:space-between;align-items:center;padding-top:2px;display:flex}.onboard-back-btn{color:#ff9b9b;cursor:pointer;background:0 0;border:none;padding:6px 2px;font-size:.95rem}.onboard-step-indicator{gap:6px;display:flex}.onboard-step-dot{background:#ff505038;border-radius:999px;width:20px;height:4px}.onboard-step-dot.active{background:#ff2d2d}.onboard-header-block{flex-direction:column;gap:8px;display:flex}.onboard-header-block h2{color:#f6f6f6;margin:0;font-size:clamp(2rem,8vw,2.35rem);line-height:1.1}.onboard-header-block p{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.5}.onboard-form{flex-direction:column;display:flex}.onboard-avatar-preview{background:#ff2d2d14;border:2px solid #ff3c3c59;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:108px;height:108px;margin-top:6px;display:flex;overflow:hidden}.onboard-avatar-preview img{object-fit:cover;width:100%;height:100%}.onboard-avatar-preview span{color:#ffbebecc;font-size:2.2rem}.onboard-avatar-caption{color:#8d8d92;text-align:center;margin:-4px 0 0;font-size:.86rem}.onboard-card{background:linear-gradient(160deg,#141414fa,#090909f7);border:1px solid #ff505033;border-radius:18px;padding:14px}.onboard-card-form{flex-direction:column;gap:8px;display:flex}.onboard-card-head{align-items:center;gap:12px;display:flex}.onboard-card-icon{color:#ff7373;background:linear-gradient(145deg,#ff2d2d24,#ff2d2d0a);border:1px solid #ff505033;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex}.onboard-card-copy{flex-direction:column;gap:2px;display:flex}.onboard-card-form h3{color:#f3f3f8;margin:0;font-size:1.15rem}.onboard-card-form p{color:var(--text-muted);margin:0;font-size:.93rem}.onboard-card-form input{color:#fff;background:#0f0f13;border:1px solid #ff36364d;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-size:.95rem}.onboard-card-form input::placeholder{color:#73737b}.onboard-time-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.onboard-divider{color:#7f7f85;align-items:center;gap:10px;font-size:.9rem;display:flex}.onboard-divider:before,.onboard-divider:after{content:"";background:#ff50502e;flex:1;height:1px}.onboard-manual-toggle{color:#f6f6f6;text-align:left;cursor:pointer;background:linear-gradient(160deg,#141414fa,#090909f7);border:1px solid #ff505033;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-size:1rem;font-weight:600;display:flex}.onboard-manual-icon{color:#ff6b6b;background:#ff2d2d14;border:1px solid #ff505038;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.3rem;display:flex}.onboard-manual-copy{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.onboard-manual-copy strong{color:#f6f6f6;font-size:1.08rem;line-height:1.2}.onboard-manual-copy small{color:#9a9aa1;font-size:.82rem;font-weight:400}.onboard-manual-arrow{color:#75757d;margin-left:auto;font-size:.95rem}.onboard-meta{color:#9a9aa1;margin:0;font-size:.88rem}.onboard-success{color:#9ce6a9;margin:0;font-size:.9rem;font-weight:500}.onboard-event-preview{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.onboard-event-preview li{color:#efeff5;background:#ffffff05;border:1px solid #ff505029;border-radius:10px;padding:8px 10px;font-size:.86rem}.onboard-strictness-list{flex-direction:column;gap:10px;display:flex}.onboard-strictness-card{width:100%;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(160deg,#141414fa,#090909f7);border:1px solid #ff505024;border-radius:18px;padding:14px}.onboard-strictness-card.selected{border-color:#ff505073;box-shadow:inset 0 0 0 1px #ff505040}.onboard-strictness-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.onboard-strictness-title-row{align-items:center;gap:10px;display:flex}.onboard-strictness-title-row strong{color:#f6f6f6;font-size:1.28rem;font-weight:600}.onboard-tag{color:#bfc0c8;background:#ffffff0f;border:1px solid #ff505038;border-radius:999px;padding:4px 10px;font-size:.88rem;font-weight:500}.onboard-tag.selected{color:#ffe3e3;background:#ff50502e;border-color:#ff505061}.onboard-radio{border:2px solid #ff505066;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.onboard-radio-dot{background:#ff2d2d;border-radius:50%;width:8px;height:8px}.onboard-strictness-lines{flex-direction:column;gap:4px;margin-top:8px;padding-left:30px;display:flex}.onboard-strictness-lines span{color:#a7a7ad;font-size:.88rem;line-height:1.4}.onboard-canvas-icon{color:#ff6b6b;letter-spacing:.1em;background:linear-gradient(145deg,#ff2d2d1f,#ff2d2d08);border:1px solid #ff50503d;border-radius:34px;justify-content:center;align-items:center;width:120px;height:120px;margin:8px auto 0;font-size:2rem;display:flex}.onboard-canvas-points{color:#dddddf;flex-direction:column;gap:8px;margin:0;padding:0 0 0 20px;font-size:.95rem;display:flex}.onboard-canvas-points li::marker{color:#ff6b6b}.onboard-bottom-actions{margin-top:auto;padding-bottom:8px}.onboard-legal{color:#5f5f66;text-align:center;margin:2px 0 0;font-size:.76rem;line-height:1.45}.shape{pointer-events:none;z-index:0;position:absolute}.shape-top-right{background:var(--red-500);opacity:.95;width:300px;height:300px;top:-160px;right:-125px;transform:rotate(42deg)}.shape-bottom-left{background:var(--red-500);width:180px;height:240px;bottom:-126px;left:-118px;transform:rotate(-17deg)}@media (width>=600px){.shape-top-right{width:480px;height:480px;top:-240px;right:-180px}.shape-bottom-left{width:280px;height:380px;bottom:-190px;left:-170px}.surface-panel{max-width:440px;padding:28px}}@media (width>=960px){.shape-top-right{width:620px;height:620px;top:-300px;right:-220px}.shape-bottom-left{width:360px;height:500px;bottom:-250px;left:-210px}}.hero-block{z-index:1;margin-top:16px;position:relative}.hero-badge{background:var(--red-500);border:0;border-radius:999px;flex-direction:column;justify-content:center;gap:5px;width:112px;height:50px;margin-bottom:14px;padding-left:39px;display:flex}.hero-badge span{background:#090909;border-radius:999px;width:36px;height:5px;display:block}.hero-kicker{color:#f88;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:600}.hero-block h1{letter-spacing:-.025em;color:#d0d0d5;margin:6px 0 0;font-size:clamp(2.2rem,8vw,3.35rem);line-height:.95}.hero-copy{color:var(--text-muted);margin:12px 0 0;font-size:.99rem}.surface-panel{z-index:1;background:linear-gradient(160deg,#161616fa,#0a0a0af7);border:1px solid #ff3e3e52;border-radius:22px;margin-top:20px;padding:18px;position:relative;box-shadow:0 18px 40px #00000057}.auth-layout{display:contents}.auth-right{display:none}@media (width>=800px){.auth-layout{z-index:1;align-items:center;gap:0;min-height:100dvh;display:flex;position:relative}.auth-left{flex-direction:column;flex:0 0 420px;padding-top:0;display:flex}.auth-left .hero-block{margin-top:0}.auth-right{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:24px;padding:40px 40px 40px 30%;display:flex}.auth-dragon{filter:drop-shadow(0 0 48px #ff1e1e73);width:min(340px,80%);height:auto}.auth-dragon-tagline{color:#d0d0d5;letter-spacing:-.02em;text-align:left;margin:0;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:500;line-height:1.3}}.form-block h2{color:#f2f2f2;margin:0;font-size:clamp(1.35rem,4.6vw,1.65rem);font-weight:500}.home-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.home-kicker{color:#ff9b9b;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem}.home-header h2{color:#fff;margin:4px 0 0;font-size:clamp(1.6rem,6vw,2rem);font-weight:600}.home-subcopy{color:#b6b6bc;margin:5px 0 0;font-size:.9rem}.dragon-panel{background:linear-gradient(#fb1a1a,#e51212 50%,#ca0f0f);border:1px solid #ff4646b8;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:260px;padding:10px;display:flex}.dragon-emoji{font-size:80px;line-height:1}.dragon-panel p{color:#ffffffd9;margin:0;font-size:1rem}.home-screen{height:100dvh;padding:0;padding-top:max(env(safe-area-inset-top,0px), 0px);background:linear-gradient(#070707 0%,#050505 100%);flex-direction:column;display:flex}.menu-fab{bottom:calc(env(safe-area-inset-bottom,0px) + 16px);color:#ffc9c9;cursor:pointer;z-index:130;width:48px;height:48px;transition:transform var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);background:linear-gradient(#181818f2,#0a0a0af2);border:1px solid #ff3b3b5c;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;right:14px;box-shadow:0 8px 20px #00000073}.menu-fab:hover{background:linear-gradient(#1e1e1ef5,#0c0c0cf5);border-color:#ff3b3b94}.menu-fab.open{background:linear-gradient(#221212f5,#140808f5);border-color:#ff3b3b9e}.menu-fab:active{transform:translateY(1px)}.menu-fab-bars{flex-direction:column;justify-content:space-between;width:19px;height:14px;display:flex}.menu-fab-bars span{transform-origin:50%;width:100%;height:2px;transition:transform var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard), width var(--motion-fast) var(--ease-standard);background:#ffd1d1;border-radius:999px;display:block}.menu-fab.open .menu-fab-bars span:first-child{transform:translateY(6px)rotate(45deg)}.menu-fab.open .menu-fab-bars span:nth-child(2){opacity:0;width:80%}.menu-fab.open .menu-fab-bars span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.tab-content{min-height:0;padding:20px 16px calc(env(safe-area-inset-bottom,0px) + 78px);flex-direction:column;flex:1;gap:14px;display:flex;overflow:hidden auto}.screen-stage{min-height:0;animation:screen-enter var(--motion-base) var(--ease-decelerate);flex-direction:column;flex:1;display:flex}.screen-flyout{z-index:200;animation:overlay-fade-in var(--motion-base) var(--ease-standard);position:absolute;inset:0}.screen-flyout-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a8;position:absolute;inset:0}.screen-flyout-panel{bottom:calc(env(safe-area-inset-bottom,0px) + 72px);width:min(230px,100% - 28px);animation:overlay-sheet-in var(--motion-base) var(--ease-decelerate);background:linear-gradient(160deg,#141414fa,#090909f7);border:1px solid #ff3b3b47;border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;right:14px}.screen-flyout-title{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-500);margin:0;font-family:Outfit,sans-serif;font-size:.68rem;font-weight:700}.screen-menu-list{flex-direction:column;gap:6px;display:flex}.screen-menu-item{color:#f0f0f5;text-align:left;cursor:pointer;width:100%;transition:border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:9px 10px;font-family:Outfit,sans-serif;font-size:.86rem;font-weight:500}.screen-menu-item.active{color:#ffd9d9;background:#ff1c1c17;border-color:#ff3b3b73}.screen-menu-item:hover{border-color:#ff3b3b47;transform:translate(1px)}.screen-menu-list .screen-menu-item{opacity:0;animation:flyout-item-in var(--motion-base) var(--ease-decelerate) forwards;transform:translateY(6px)}.screen-menu-list .screen-menu-item:first-child{animation-delay:20ms}.screen-menu-list .screen-menu-item:nth-child(2){animation-delay:40ms}.screen-menu-list .screen-menu-item:nth-child(3){animation-delay:60ms}.screen-menu-list .screen-menu-item:nth-child(4){animation-delay:80ms}.screen-menu-list .screen-menu-item:nth-child(5){animation-delay:.1s}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-sheet-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes flyout-item-in{to{opacity:1;transform:translateY(0)}}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=390px){.menu-fab{width:46px;height:46px;right:12px}}.dragon-screen{flex-direction:column;flex:1;gap:12px;display:flex}.dragon-coin-row{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080808a8;border:1px solid #c9a84c42;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 7px;display:flex;position:absolute;top:14px;left:14px}.coin-icon{object-fit:contain;width:24px;height:24px}.coin-count{color:#ffd76a;font-size:1.35rem;font-weight:700;line-height:1}.coin-label{color:var(--text-muted);font-size:.85rem}.dragon-hoard-area:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#050505,#0000);height:48px;position:absolute;top:0;left:0;right:0}.dragon-hoard-area{margin:0 -16px calc(-1 * (env(safe-area-inset-bottom,0px) + 20px));border-top:1px solid #ffffff0a;flex:1;min-height:260px;position:relative;overflow:hidden}.cave-bg{object-fit:cover;object-position:center bottom;opacity:.56;pointer-events:none;z-index:0;width:110%;height:100%;position:absolute;top:0;left:-5%}.dragon-stage-img{width:min(164px,45vw);height:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 112px);z-index:2;filter:drop-shadow(0 0 30px #ff1e1e6b);position:absolute;left:50%;transform:translate(-50%)}.dragon-stage-img--head{width:min(244px,70vw);top:8px;bottom:auto}.dragon-stage-label{white-space:nowrap;color:#d5bdbd;z-index:4;text-shadow:0 2px 8px #000000db;font-size:.86rem;font-weight:500;position:absolute;top:110px;left:50%;transform:translate(-50%)}@media (width>=431px){.dragon-coin-row{top:44px;left:80px}.dragon-hoard-area:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(90deg,#050505 0%,#0000 18% 82%,#050505 100%),linear-gradient(#050505 0%,#0000 10%);position:absolute;inset:0}}.stage-hatched .dragon-stage-label{top:32%}.stage-dragon .dragon-stage-label{top:104px}.stage-enormous .dragon-stage-label,.stage-enormous.dragon-hoard-area>.dragon-stage-label{display:none}.hoard-pile{pointer-events:none;position:absolute}.pile-row-1{bottom:calc(env(safe-area-inset-bottom,0px) + 45.5px)}.pile-row-2{bottom:calc(env(safe-area-inset-bottom,0px) + 116px)}.pile-row-3{bottom:calc(env(safe-area-inset-bottom,0px) + 186px)}.pile-row-4{bottom:calc(env(safe-area-inset-bottom,0px) + 256px)}.hoard-pile--big{filter:drop-shadow(0 3px 6px #0009);width:86px;height:auto}.hoard-pile--small{filter:drop-shadow(0 2px 4px #00000080);width:54px;height:auto}.lectures-now{z-index:5;background:linear-gradient(#080808f7 0%,#0e0606ed 100%);border:1px solid #c9a84c38;border-radius:16px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:relative}.lectures-now-title{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-500);margin:0;font-size:.74rem;font-weight:700}.lectures-empty{color:var(--text-muted);margin:0;font-size:.9rem}.lecture-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lecture-item{transition:transform var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);background:#ffffff08;border:1px solid #ff3c3c33;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.lecture-item:hover{border-color:#ff3c3c4d;transform:translateY(-1px)}.lecture-info{flex-direction:column;gap:2px;min-width:0;display:flex}.lecture-title{color:#f0f0f5;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:500;overflow:hidden}.lecture-location{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.checkin-btn{color:#ffe0e0;cursor:pointer;transition:opacity var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);background:#ff1c1c2e;border:1px solid #ff3636bf;border-radius:999px;flex-shrink:0;padding:6px 14px;font-family:Outfit,sans-serif;font-size:.76rem;font-weight:700}.checkin-btn:disabled{opacity:.5;cursor:default}.checkin-error{color:#faa;margin:0;font-size:.85rem}.timetable-screen{flex-direction:column;gap:14px;display:flex}.timetable-header{justify-content:space-between;align-items:center;display:flex}.timetable-title{color:#f7f7fb;margin:0;font-family:Outfit,sans-serif;font-size:clamp(1.9rem,8vw,2.1rem);font-weight:700;line-height:1}.show-past-btn{color:#6f6f76;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;align-self:flex-start;padding:0;font-family:Outfit,sans-serif;font-size:.74rem;text-decoration:underline}.import-toggle-btn{color:#ffc9c9;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);background:#ff1c1c1f;border:1px solid #ff363699;border-radius:999px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700}.import-toggle-btn.active{background:#ff1c1c47}.import-panel{background:var(--surface-panel);border:1px solid #ff3e3e47;border-radius:18px;flex-direction:column;gap:14px;padding:16px;display:flex}.import-form{flex-direction:column;gap:2px;display:flex}.import-form h3{color:#e0e0e6;margin:0 0 10px;font-size:.96rem;font-weight:600}.import-divider{background:#ff3e3e33;height:1px}.events-empty{color:var(--text-muted);margin:0;font-size:.9rem}.event-groups{flex-direction:column;gap:16px;display:flex}.event-group{flex-direction:column;gap:8px;display:flex}.event-date-heading{letter-spacing:.11em;text-transform:uppercase;color:var(--gold-500);border-bottom:1px solid #c9a84c40;margin:0;padding-bottom:2px;font-size:.68rem;font-weight:700}.event-card{transition:border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 2px 12px #0009}.event-card:hover{transform:translateY(-1px)}.event-card.event-now{background:#ff1c1c12;border-color:#ff363673}.event-card.checked-in{border-color:#50c86459}.event-card.cancelled{opacity:.45;text-decoration:line-through}.event-time{color:var(--gold-500);flex-shrink:0;min-width:88px;font-size:.74rem;font-weight:700}.event-details{flex-direction:column;gap:2px;min-width:0;display:flex}.event-title{color:#f0f0f5;font-size:.87rem;font-weight:500}.event-meta{align-items:center;gap:6px;min-width:0;display:flex}.event-type-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--gold-500);background:#c9a84c1a;border:1px solid #c9a84c47;border-radius:5px;flex-shrink:0;padding:2px 6px;font-size:.64rem;font-weight:700}.event-location{color:var(--text-muted);font-size:.75rem}.marquee-container{white-space:nowrap;max-width:100%;display:block;overflow:hidden}.marquee-text{display:inline-block}.checkin-badge{color:#50c864;flex-shrink:0;margin-left:auto;font-size:1rem;font-weight:700}.profile-screen{flex-direction:column;align-items:stretch;gap:14px;padding-top:8px;display:flex}.profile-card{background:var(--surface-panel);border:1px solid #c9a84c47;border-radius:22px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:24px 20px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(#c9a84c,#8a6e28);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:4px;font-size:1.6rem;font-weight:700;display:flex}.profile-name{color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700}.profile-email{color:var(--text-muted);margin:0;font-size:.85rem}.profile-coins{align-items:baseline;gap:6px;margin-top:8px;display:flex}.profile-coin-count{color:#ffd76a;font-size:1.5rem;font-weight:700}.profile-coin-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.8rem}.reset-btn{color:#6f6f76;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.76rem;text-decoration:underline}.reset-confirm{background:#50000033;border:1px solid #ff3c3c40;border-radius:14px;flex-direction:column;gap:10px;width:100%;max-width:320px;padding:14px;display:flex}.reset-confirm p{color:#d0c0c0;margin:0;font-size:.85rem;line-height:1.4}.reset-confirm-buttons{gap:8px;display:flex}.reset-confirm-buttons .action-button{flex:1;margin-top:0;padding:9px 10px;font-size:.85rem}.profile-pile-controls{gap:10px;width:100%;max-width:320px;display:flex}.profile-pile-controls .action-button{flex:1;margin-top:0}.canvas-card{background:linear-gradient(160deg,#141414fa,#090909f7);border:1px solid #c9a84c40;border-radius:18px;flex-direction:column;gap:10px;width:100%;padding:16px;display:flex}.canvas-title{color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:1.12rem;font-weight:600}.canvas-meta{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.4}.canvas-actions-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.strictness-actions-row{grid-template-columns:1fr;gap:8px;display:grid}.strictness-actions-row .action-button,.canvas-actions-row .action-button{margin-top:0}.canvas-assignment-list{flex-direction:column;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.canvas-assignment-item{transition:border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;padding:10px}.canvas-assignment-item:hover{border-color:#ff3b3b33;transform:translateY(-1px)}.canvas-assignment-title{color:#f0f0f5;margin:0;font-size:.82rem}.canvas-assignment-meta{color:var(--text-muted);margin:4px 0 0;font-size:.7rem}.canvas-assignment-link{color:#ff9b9b;margin-top:6px;font-size:.78rem;display:inline-block}.canvas-notice{color:#9ce6a9;margin:0;font-size:.84rem}.profile-sign-out{text-align:center;border-radius:12px;width:100%;max-width:320px;padding:11px 16px;font-size:.9rem}.assignments-screen{flex-direction:column;gap:14px;display:flex}.assignments-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.assignments-title{color:#f7f7fb;margin:0;font-family:Outfit,sans-serif;font-size:clamp(1.9rem,8vw,2.1rem);font-weight:700;line-height:1}.assignments-subtitle{color:#8e8e95;margin:4px 0 0;font-family:Outfit,sans-serif;font-size:.76rem}.assignments-sync{width:auto;min-width:88px;margin-top:0;padding:8px 13px;font-size:.78rem}.assignments-status-card{background:linear-gradient(160deg,#141414fa,#090909f7);border:1px solid #c9a84c3d;border-radius:16px;flex-direction:column;gap:9px;padding:14px 15px;display:flex}.assignments-open-group{flex-direction:column;gap:8px;display:flex}.assignments-list{gap:10px;margin-top:0}.assignments-item{border-radius:14px;padding:12px}.assignments-item-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.assignment-state-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:3px 9px;font-family:Outfit,sans-serif;font-size:.64rem;font-weight:700}.assignment-state-badge.open{color:#d7bc72;background:#c9a84c1a;border:1px solid #c9a84c59}.assignment-state-badge.urgent{color:#ffc7c7;background:#ff28281a;border:1px solid #ff5a5a59}.assignments-item-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.assignment-due{color:var(--gold-500)}.social-code-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.social-code{letter-spacing:.12em;color:#f7f7fb;margin:4px 0 0;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.social-code-actions{gap:8px;display:flex}.social-mini-btn{width:auto;margin-top:0;padding:7px 10px;font-size:.72rem}.social-section{flex-direction:column;gap:6px;margin-top:4px;display:flex}.social-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.social-item{color:#f0f0f5;transition:transform var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:.82rem;display:flex}.social-item:hover{transform:translateY(-1px)}.social-item strong{color:#ffd76a;font-family:Outfit,sans-serif}.social-item.me{background:#ff1c1c14;border-color:#ff363673}.friends-screen{flex-direction:column;gap:14px;display:flex}.friends-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.friends-title{color:#f7f7fb;margin:0;font-family:Outfit,sans-serif;font-size:clamp(1.9rem,8vw,2.1rem);font-weight:700;line-height:1}.friends-subtitle{color:#8e8e95;margin:4px 0 0;font-family:Outfit,sans-serif;font-size:.76rem}.friends-add-row{align-items:center;gap:8px;display:flex}.friends-code-input-wrap{flex:1;margin-top:0}.friends-code-input-wrap input{margin-top:0}.friends-add-btn{width:auto;min-width:70px;margin-top:0;padding:10px 12px}.social-heading{letter-spacing:.11em;text-transform:uppercase;color:var(--gold-500);margin:0;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700}