*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}body{background:#06142c;color:#f4faff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.name-screen{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;height:100dvh;min-height:350px;overflow:hidden;padding:clamp(24px,4vw,64px);text-align:center;background:radial-gradient(ellipse 100% 88% at 50% 44%,#154e86,#103d70 34%,#092d57 61%,#06142c)}.name-screen:before{content:"";position:absolute;z-index:5;inset:clamp(13px,2.2vw,30px);border:1px solid rgba(195,227,255,.17);border-radius:4px;pointer-events:none}.name-screen:after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,16,39,.31),transparent 25%,transparent 70%,rgba(4,14,36,.42))}.aurora-field,.particle-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.aurora{position:absolute;width:85vmax;height:65vmax;border-radius:50%;opacity:.5;animation:aurora-drift 28s ease-in-out infinite alternate;will-change:transform}.aurora-a{top:-48vmax;left:-22vmax;background:radial-gradient(ellipse,rgba(65,182,246,.43),rgba(35,119,231,.2) 43%,transparent 72%)}.aurora-b{width:76vmax;height:73vmax;bottom:-51vmax;right:-24vmax;animation-delay:-12s;animation-duration:33s;background:radial-gradient(ellipse,rgba(101,119,248,.35),rgba(25,117,195,.14) 46%,transparent 75%)}.aurora-c{width:65vmax;height:76vmax;top:10%;right:-37vmax;animation-delay:-22s;animation-duration:38s;background:radial-gradient(ellipse,rgba(48,213,226,.2),rgba(12,110,191,.1) 46%,transparent 73%)}.orbit-system{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;opacity:.7;perspective:900px}.orbit{position:absolute;aspect-ratio:1;border-radius:50%;border:1px solid rgba(162,219,254,.14);pointer-events:none}.orbit-outer{width:min(83vw,1100px);border-style:dashed;border-color:#b9e8ff30;animation:orbit-spin 120s linear infinite}.orbit-middle{width:min(66vw,850px);border-color:#a9deff33;animation:orbit-reverse 94s linear infinite}.orbit-inner{width:min(46vw,630px);border-color:#b5eaff21;animation:orbit-spin 78s linear infinite}.orbit-light{position:absolute;aspect-ratio:1;border-radius:50%;border:1px solid transparent;pointer-events:none}.orbit-light-a{width:min(83vw,1100px);border-top-color:#87e5ff99;border-right-color:#6ab7f92b;filter:drop-shadow(0 0 8px rgba(133,213,255,.38));animation:orbit-glow 32s linear infinite}.orbit-light-b{width:min(66vw,850px);border-bottom-color:#a2d3ff7a;filter:drop-shadow(0 0 6px rgba(104,181,250,.28));animation:orbit-glow-reverse 38s linear infinite}.particle-field{z-index:2}.particle{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#d6f7ff;box-shadow:0 0 9px 2px #8cdaff7a;animation:particle-drift var(--duration) ease-in-out var(--delay) infinite alternate;pointer-events:none;will-change:transform,opacity}.light-trail{position:absolute;z-index:1;height:1px;width:min(64vw,900px);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(137,220,255,.03) 20%,rgba(191,240,255,.48) 60%,transparent);box-shadow:0 0 15px #8dd9ff33;animation:light-travel 24s linear infinite}.trail-a{top:27%;left:-70vw;transform:rotate(-17deg)}.trail-b{top:70%;left:-70vw;animation-duration:31s;animation-delay:-17s;opacity:.5}.screen-grain{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.11;background-image:radial-gradient(rgba(237,248,255,.6) .65px,transparent .8px);background-size:8px 8px;-webkit-mask-image:linear-gradient(to bottom,transparent 3%,#000 50%,transparent 98%);mask-image:linear-gradient(to bottom,transparent 3%,#000 50%,transparent 98%)}.screen-top,.screen-bottom{position:absolute;z-index:4;left:clamp(36px,6vw,102px);right:clamp(36px,6vw,102px);display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left;color:#b0cfe9;letter-spacing:.16em;font-size:clamp(9px,.84vw,12px);font-weight:650}.screen-top{top:clamp(39px,5.5vw,84px)}.screen-bottom{bottom:clamp(43px,6vw,91px)}.top-mark,.top-status{display:flex;align-items:center;gap:11px;white-space:nowrap}.mark-dot{width:25px;height:25px;display:inline-grid;place-items:center;border:1px solid rgba(194,236,255,.65);border-radius:50%;box-shadow:0 0 18px #71c3ff1a}.mark-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:#d2eeff}.status-dot{width:7px;height:7px;border-radius:50%;background:#80f4d7;box-shadow:0 0 13px #80f4d7;animation:status-pulse 3s ease-in-out infinite}.name-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;max-width:100%;transform:translateZ(0);animation:hero-float 15s ease-in-out infinite alternate}.name-content:before{content:"";position:absolute;z-index:-1;top:50%;left:50%;width:min(89vw,1200px);height:min(50vw,550px);transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,rgba(57,132,207,.18),rgba(31,100,184,.09) 47%,transparent 72%)}.name-kicker{display:flex;align-items:center;gap:18px;color:#bddffa;font-size:clamp(10px,1.06vw,15px);font-weight:650;letter-spacing:.4em;margin-bottom:clamp(22px,3.4vw,48px);animation:kicker-breathe 8s ease-in-out infinite alternate}.kicker-line{display:block;width:clamp(14px,4vw,52px);height:1px;background:linear-gradient(90deg,transparent,#9bdfff,transparent)}.name-content h1{position:relative;margin:0;color:#f6fcff;font-size:clamp(54px,10.8vw,186px);font-weight:740;letter-spacing:-.077em;line-height:1.04;white-space:nowrap;text-shadow:0 10px 65px rgba(1,19,53,.38)}.name-content h1 em{font-style:normal;font-weight:280;background:linear-gradient(110deg,#a0d2f7,#ebf9ff 30%,#82b5ef,#deefff 80%,#a0d2f7);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-glimmer 13s ease-in-out infinite}.name-rule{position:relative;width:clamp(96px,13vw,180px);height:1px;margin:clamp(28px,4vw,56px) 0 clamp(21px,2.5vw,34px);background:linear-gradient(90deg,transparent,rgba(221,243,255,.75),transparent)}.rule-spark{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#ecfdff;box-shadow:0 0 13px 3px #9fe5ffbf;animation:rule-travel 6s ease-in-out infinite}.name-subtitle{margin:0;color:#e4f4ff;font-size:clamp(17px,2.1vw,30px);font-weight:350;letter-spacing:.18em;text-shadow:0 0 24px rgba(132,210,255,.27);animation:subtitle-breathe 9s ease-in-out infinite alternate}.screen-date{text-transform:uppercase;letter-spacing:.07em}.screen-clock{color:#effaff;font-size:clamp(23px,3.2vw,48px);font-weight:300;letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}.screen-hint{font-size:10px;text-align:right;letter-spacing:.1em;max-width:158px}.is-idle .screen-top,.is-idle .screen-hint{opacity:.45}.is-idle .light-trail{animation-duration:42s}.is-idle .aurora{animation-duration:44s}@keyframes aurora-drift{0%{transform:translate3d(-6%,0,0) scale(.94);opacity:.3}50%{transform:translate3d(8%,12%,0) scale(1.06);opacity:.57}to{transform:translate3d(-1%,20%,0) scale(1.14);opacity:.39}}@keyframes orbit-spin{0%{transform:rotate(0) scaleY(.67)}to{transform:rotate(360deg) scaleY(.67)}}@keyframes orbit-reverse{0%{transform:rotate(360deg) scaleY(.8)}to{transform:rotate(0) scaleY(.8)}}@keyframes orbit-glow{0%{transform:rotate(0) scaleY(.67)}to{transform:rotate(360deg) scaleY(.67)}}@keyframes orbit-glow-reverse{0%{transform:rotate(360deg) scaleY(.8)}to{transform:rotate(0) scaleY(.8)}}@keyframes particle-drift{0%{transform:translate3d(-5px,18px,0) scale(.7);opacity:.14}45%{transform:translate3d(8px,-6px,0) scale(1.25);opacity:.85}to{transform:translate3d(-7px,-27px,0) scale(.7);opacity:.15}}@keyframes light-travel{0%{transform:translate3d(-25vw,0,0) rotate(-17deg);opacity:0}20%{opacity:.27}65%{opacity:.5}to{transform:translate3d(170vw,-25vh,0) rotate(-17deg);opacity:0}}@keyframes hero-float{0%{transform:translate3d(0,-7px,0)}to{transform:translate3d(0,8px,0)}}@keyframes title-glimmer{0%,15%{background-position:100% 50%}65%,to{background-position:0% 50%}}@keyframes kicker-breathe{0%{opacity:.67}to{opacity:1}}@keyframes subtitle-breathe{0%{opacity:.78;letter-spacing:.17em}to{opacity:1;letter-spacing:.19em}}@keyframes status-pulse{0%,to{opacity:.6;box-shadow:0 0 6px #80f4d7}50%{opacity:1;box-shadow:0 0 18px #80f4d7}}@keyframes rule-travel{0%{left:0;opacity:0}18%{opacity:1}82%{opacity:1}to{left:calc(100% - 5px);opacity:0}}@media(max-width:700px){.screen-top,.screen-bottom{left:28px;right:28px}.name-content h1{font-size:clamp(45px,11.5vw,88px)}.name-kicker{letter-spacing:.22em;gap:10px}.name-subtitle{letter-spacing:.1em}.screen-hint{display:none}.screen-date{font-size:9px;max-width:160px}.screen-clock{font-size:clamp(21px,5vw,28px)}.top-status{font-size:9px}.orbit-outer,.orbit-light-a{width:98vw}.orbit-middle,.orbit-light-b{width:81vw}}@media(max-width:400px){.name-content h1{font-size:11.5vw}.top-status{display:none}.name-kicker{letter-spacing:.16em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #8ceeff;outline-offset:3px}.loading-screen{min-height:100dvh;display:grid;place-items:center;background:#061a33;color:#e6f6ff;font-weight:750;letter-spacing:.3em;font-size:clamp(40px,10vw,96px)}.pin-screen{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;padding:80px 20px 64px;background:radial-gradient(ellipse at 51% 38%,#1c548b,#0e3467 42%,#06152f)}.pin-screen:before{content:"";position:absolute;top:23px;right:23px;bottom:23px;left:23px;border:1px solid rgba(202,232,255,.13);pointer-events:none}.pin-glow{position:absolute;z-index:-1;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(47,174,235,.19),transparent 65%);pointer-events:none;animation:aurora-drift 22s ease-in-out infinite alternate}.pin-glow-a{top:-35vw;left:-10vw}.pin-glow-b{bottom:-39vw;right:-15vw;animation-delay:-10s}.pin-brand{position:absolute;top:43px;left:clamp(39px,6vw,94px);font-size:11px;letter-spacing:.27em;font-weight:700;color:#bddff5}.pin-footer{position:absolute;bottom:42px;font-size:9px;letter-spacing:.18em;color:#8baecb;text-align:center}.pin-card{position:relative;width:min(100%,425px);padding:40px clamp(26px,5vw,48px) 30px;background:linear-gradient(155deg,#2a67a047,#092143b0);border:1px solid rgba(186,225,255,.25);border-radius:28px;box-shadow:0 26px 90px #00081c4a,inset 0 1px #dff4ff1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center}.pin-symbol{height:58px;width:58px;border-radius:20px;display:grid;place-items:center;margin:0 auto 21px;background:#92dfff1c;border:1px solid rgba(195,230,255,.24);color:#cbeeff}.pin-eyebrow{font-size:10px;letter-spacing:.28em;color:#89cbe8;font-weight:750}.pin-card h1{font-size:clamp(26px,4vw,34px);margin:12px 0;letter-spacing:-.038em;font-weight:680}.pin-card p{min-height:43px;margin:0;color:#b4cde1;font-size:13px;line-height:1.65}.pin-dots{display:flex;gap:14px;justify-content:center;margin:22px 0 12px}.pin-dots span{width:13px;height:13px;border:1px solid rgba(205,232,252,.5);border-radius:50%;transition:background .13s,transform .13s}.pin-dots .filled{background:#d0f6ff;box-shadow:0 0 16px #84d8ff7d;transform:scale(1.07)}.pin-error{min-height:21px;font-size:11px;color:#ffcbc7}.pin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:260px;margin:12px auto 0}.pin-grid button{height:58px;border:1px solid rgba(187,227,255,.2);border-radius:15px;background:#b1e2ff18;color:#f3faff;font-size:22px;font-weight:430;transition:background .18s,transform .18s}.pin-grid button:hover{background:#b1e2ff33;transform:translateY(-1px)}.pin-grid button:active{transform:scale(.96)}.pin-grid button:disabled{opacity:.4;cursor:wait}.reset-link{border:0;background:none;color:#a8d8ef;font-size:11px;text-decoration:underline;text-underline-offset:3px;margin-top:17px;padding:6px}.slide-app{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;min-height:610px;overflow:hidden;background:radial-gradient(ellipse at 70% 15%,#1c4d80,#123660 39%,#06182e)}.slide-app:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:radial-gradient(#b6dfff .5px,transparent .6px);background-size:20px 20px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 50%,transparent);mask-image:linear-gradient(90deg,transparent,#000 50%,transparent)}.slide-glow{position:absolute;z-index:-1;pointer-events:none;width:58vw;height:58vw;border-radius:50%;animation:aurora-drift 30s ease-in-out infinite alternate}.slide-glow-a{top:-40vw;right:-12vw;background:radial-gradient(circle,rgba(57,195,246,.18),transparent 65%)}.slide-glow-b{left:-35vw;bottom:-42vw;background:radial-gradient(circle,rgba(80,114,240,.15),transparent 70%);animation-delay:-17s}.slide-header{position:relative;z-index:3;flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:clamp(22px,3.7vh,38px) clamp(26px,5vw,92px);border-bottom:1px solid rgba(188,223,252,.1)}.slide-logo{display:flex;align-items:center;gap:15px;font-size:14px;font-weight:750;letter-spacing:.1em}.slide-logo small{display:block;margin-top:5px;color:#87b4d4;font-size:9px;font-weight:650;letter-spacing:.19em}.logo-square{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#96d4ff21;border:1px solid rgba(185,231,255,.34);font-size:15px;letter-spacing:-.07em;color:#d6f6ff}.slide-header-right{display:flex;align-items:center;gap:13px;color:#a0c4e0;font-size:10px;letter-spacing:.12em;font-weight:650}.live-light{width:7px;height:7px;border-radius:50%;background:#80f0ce;box-shadow:0 0 12px #80f0ce}.header-time{margin-left:18px;padding-left:26px;border-left:1px solid rgba(186,225,255,.21);font-size:17px;letter-spacing:-.025em;font-weight:450;color:#eef8ff;font-variant-numeric:tabular-nums}.lock-button{display:grid;place-items:center;margin-left:10px;background:#99cdf11a;border:1px solid rgba(173,220,250,.2);color:#d5ecff;width:39px;height:39px;border-radius:11px}.lock-button:hover{background:#99cdf140}.slide-stage{flex:1;min-height:0;width:min(100%,1650px);margin:0 auto;display:flex;align-items:center;justify-content:center;padding:clamp(12px,2vw,35px) clamp(28px,6vw,110px);animation:slide-enter .65s cubic-bezier(.2,.7,.2,1) both}.slide-stage>div{width:100%}.slide-eyebrow{font-size:clamp(10px,1vw,13px);font-weight:730;letter-spacing:.24em;color:#77d9f1;margin-bottom:clamp(17px,2.2vh,26px)}.overview-slide h1,.project-slide h1,.todo-slide h1{font-size:clamp(42px,5.3vw,94px);line-height:1.08;letter-spacing:-.07em;font-weight:760;margin:0}.overview-slide h1 em,.todo-slide h1 em{font-style:normal;font-weight:300;color:#b9dffc}.slide-lead{font-size:clamp(15px,1.35vw,21px);line-height:1.5;color:#aecbe4;margin:clamp(12px,1.8vh,22px) 0}.overview-stats{display:flex;gap:clamp(24px,5vw,88px);margin:clamp(20px,3.4vh,40px) 0}.overview-stats>div{display:flex;flex-direction:column;gap:6px}.overview-stats strong{font-size:clamp(28px,4.5vw,56px);font-weight:500;line-height:1;color:#ecf9ff;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.overview-stats strong b{font-weight:350;color:#84a7c7}.overview-stats span{font-size:clamp(9px,.7vw,11px);font-weight:680;letter-spacing:.12em;color:#91b9d5}.project-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(9px,1.2vw,18px);margin-top:clamp(18px,3.5vh,42px)}.project-tile{min-height:clamp(134px,19vh,190px);display:flex;flex-direction:column;text-align:left;padding:clamp(14px,1.65vw,24px);color:#eaf7ff;border:1px solid rgba(178,218,249,.22);border-radius:16px;background:linear-gradient(155deg,#82c4f71c,#112f567a);box-shadow:0 12px 35px #000c2217;transition:transform .22s,border-color .22s,background .22s}.project-tile:hover{transform:translateY(-5px);border-color:#a9eeff80;background:linear-gradient(155deg,#82c4f733,#112f5694)}.tile-top{display:flex;align-items:center;justify-content:space-between;color:#8ebdda}.tile-index{font-size:10px;font-weight:650;letter-spacing:.16em}.tile-arrow{opacity:.65}.project-tile h3{font-size:clamp(15px,1.45vw,23px);font-weight:620;margin:auto 0 18px;letter-spacing:-.025em}.tile-progress{height:4px;background:#b1d8f633;border-radius:20px;overflow:hidden}.tile-progress span{display:block;height:100%;border-radius:20px;transition:width .5s}.project-tile small{font-size:10px;color:#9fbdd6;margin-top:10px}.project-slide{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.1fr);gap:clamp(32px,6vw,120px);align-items:center}.project-slide h1{font-size:clamp(54px,6.8vw,112px)}.title-period{font-weight:700}.project-slide .slide-lead{margin-bottom:clamp(24px,5vh,65px)}.progress-ring{width:clamp(155px,16vw,220px);height:clamp(155px,16vw,220px);display:grid;place-items:center;border-radius:50%;box-shadow:0 0 45px #3ac1f41f}.progress-ring>div{width:calc(100% - 15px);height:calc(100% - 15px);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#123760}.progress-ring strong{font-size:clamp(49px,6vw,78px);line-height:1;font-weight:500;letter-spacing:-.065em}.progress-ring strong small{font-size:23px;color:#b4cfe6}.progress-ring span{font-size:9px;letter-spacing:.16em;font-weight:700;color:#99bfd8;margin-top:12px}.progress-caption{max-width:310px;color:#9dc2dd;font-size:13px;line-height:1.55}.project-panel{display:flex;flex-direction:column;min-height:clamp(370px,53vh,570px);max-height:min(65vh,660px);padding:clamp(23px,2.7vw,39px);border-radius:23px;border:1px solid rgba(190,229,255,.23);background:linear-gradient(145deg,#5397d22b,#0c294dad);box-shadow:0 15px 60px #000c2329,inset 0 1px #ebfaff14}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:19px;border-bottom:1px solid rgba(180,220,248,.19)}.panel-heading small,.panel-heading>span{font-size:10px;color:#86cde6;letter-spacing:.18em;font-weight:720}.panel-heading h2{margin:9px 0 0;font-size:clamp(19px,2vw,27px);font-weight:580;letter-spacing:-.035em}.panel-heading>span{color:#a0c3d8;white-space:nowrap}.task-scroll{flex:1;min-height:0;overflow:auto;padding:10px 2px 8px;scrollbar-color:#4781a4 transparent;scrollbar-width:thin}.todo-row{display:flex;gap:13px;align-items:center;min-width:0;padding:16px 0;border-bottom:1px solid rgba(184,222,245,.12);font-size:clamp(13px,1.1vw,16px);line-height:1.45;color:#edf7ff}.todo-row>span{flex:1;overflow-wrap:anywhere}.todo-row.todo-done>span{color:#89a9c3;text-decoration:line-through}.todo-check{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(187,227,255,.47);background:#ffffff0e;border-radius:9px;color:#0e3656}.todo-done .todo-check{background:#88e6d4;border-color:#88e6d4}.todo-remove{display:grid;place-items:center;background:transparent;border:0;color:#7da5c1;opacity:.7;padding:6px;border-radius:7px}.todo-remove:hover{background:#e1f2ff1a;color:#fff;opacity:1}.empty-note{color:#aecde3;font-size:14px}.new-task{display:flex;gap:8px;margin-top:15px;padding:7px;background:#061e3d85;border:1px solid rgba(185,225,252,.2);border-radius:12px}.new-task input{min-width:0;flex:1;background:transparent;border:0;outline:0;padding:8px;color:#f3faff;font-size:14px}.new-task input::placeholder{color:#80a8c5}.new-task button{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:9px;background:#80e9ec;color:#0b3861}.new-task button:hover{background:#b6f8fa}.todo-slide .slide-lead{margin-bottom:clamp(20px,3vh,38px)}.todo-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:53vh;overflow:auto;scrollbar-width:thin}.todo-board-item{border:1px solid rgba(183,227,252,.2);background:#70b2e01a;padding:18px 18px 5px;border-radius:15px;min-width:0}.todo-board-item>small{font-size:10px;color:#7ed8f1;letter-spacing:.14em;text-transform:uppercase;font-weight:740}.todo-board-item .todo-row{border:0;padding:11px 0;font-size:14px}.all-done{padding:35px;border:1px solid rgba(183,227,252,.2);border-radius:15px;color:#cfebfb}.slide-controls{position:relative;z-index:3;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(26px,5vw,92px) 26px;border-top:1px solid rgba(190,230,255,.11)}.slide-nav{display:flex;align-items:center;gap:18px}.slide-nav button{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(167,217,252,.25);background:#8ac3ef17;color:#c5e4fa}.slide-nav button:hover{background:#8ac3ef33}.slide-nav span{font-size:13px;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:#dcefff}.slide-nav b{font-weight:400;color:#698ba7}.slide-dots{display:flex;align-items:center;justify-content:center;gap:9px}.slide-dots button{width:6px;height:6px;padding:0;border:0;border-radius:10px;background:#537797;transition:width .2s,background .2s}.slide-dots button.active{width:24px;background:#a2e7fa}.play-toggle{display:flex;align-items:center;gap:9px;background:none;border:0;color:#a5cbe2;font-size:10px;font-weight:680;letter-spacing:.13em}.play-toggle:hover{color:#fff}.onscreen-keyboard{position:fixed;right:24px;bottom:83px;z-index:10;width:min(620px,calc(100vw - 48px));padding:14px;border-radius:18px;background:#17416b;box-shadow:0 18px 75px #010d27b8;border:1px solid rgba(184,230,254,.4)}.keyboard-head{display:flex;justify-content:space-between;align-items:center;padding:4px 7px 11px;font-size:10px;letter-spacing:.15em;color:#a5d6f2}.keyboard-head button{border:0;background:none;color:#e8f9ff}.keyboard-row{display:flex;gap:5px;justify-content:center;margin:5px 0}.keyboard-row button{flex:1;min-width:0;border:1px solid rgba(178,227,254,.18);border-radius:7px;padding:12px 3px;background:#dcecf9;color:#113b60;font-size:15px}.keyboard-row button:hover{background:#fff}.keyboard-row .keyboard-space{flex:4}@keyframes slide-enter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.slide-app{min-height:600px;overflow:auto}.slide-stage{flex:1 0 auto;display:block;padding-top:30px;padding-bottom:38px}.project-slide{grid-template-columns:1fr;gap:32px}.project-copy{display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:center}.project-copy .slide-eyebrow,.project-copy h1,.project-copy .slide-lead{grid-column:1}.project-copy .progress-ring{grid-column:2;grid-row:1/span 4}.project-copy .progress-caption{grid-column:1}.project-panel{min-height:360px;max-height:unset}.overview-stats{gap:30px}.project-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.todo-board{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}@media(max-width:600px){.slide-app{min-height:100dvh}.slide-header{padding:19px 23px}.slide-logo{font-size:12px;gap:9px}.logo-square{width:37px;height:37px}.slide-header-right{gap:9px;font-size:0}.header-time{font-size:13px;padding-left:0;margin-left:0;border:0}.slide-stage{padding:30px 23px 35px}.overview-slide h1,.todo-slide h1{font-size:clamp(44px,11vw,62px)}.overview-stats{justify-content:space-between;gap:10px}.overview-stats span{font-size:8px;max-width:90px}.overview-stats strong{font-size:31px}.project-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-tile{min-height:137px}.project-slide h1{font-size:clamp(48px,12vw,78px)}.project-copy{grid-template-columns:1fr}.project-copy .progress-ring{grid-column:1;grid-row:auto;width:150px;height:150px;margin:14px 0}.project-copy .progress-caption{grid-column:1}.project-panel{padding:21px 17px;max-height:500px}.todo-board{grid-template-columns:1fr}.slide-controls{padding:18px 22px}.slide-dots{gap:6px}.play-toggle{font-size:0;gap:0}.play-toggle svg{width:18px;height:18px}.slide-nav{gap:9px}.slide-nav button{width:33px;height:33px}.pin-card{padding:29px 20px 25px;border-radius:20px}.pin-grid button{height:54px}}@media(prefers-reduced-motion:reduce){.slide-stage,.slide-glow,.pin-glow,.pin-dots span,.project-tile{animation:none!important;transition:none!important}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}body{overscroll-behavior:none}button,input,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(display-mode:standalone){.pin-screen,.slide-app,.name-screen{min-height:100dvh}}html,body,#root{width:100%!important;height:100%!important;max-width:100%!important;overflow:hidden!important;overscroll-behavior:none!important}body{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}#root{position:relative}.name-screen,.pin-screen,.slide-app,.loading-screen{width:100%!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important;overscroll-behavior:none;touch-action:none}.slide-stage{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.task-scroll,.todo-board{overflow:hidden!important;overscroll-behavior:none;scrollbar-width:none}.task-scroll::-webkit-scrollbar,.todo-board::-webkit-scrollbar{display:none}.list-pager{display:flex;align-items:center;justify-content:center;gap:15px;flex:0 0 auto;padding:8px 0 0;color:#9bcae5;letter-spacing:.12em;font-size:10px;font-weight:700}.list-pager button{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(180,224,250,.24);background:#9ad0f617;color:#e2f5ff}.list-pager button:disabled{opacity:.28;cursor:default}.list-pager button:not(:disabled):hover{background:#9ad0f640}.todo-pager{margin-top:12px}@media(max-width:900px){.slide-stage{display:flex;align-items:stretch;padding:14px 24px!important}.slide-stage>div{min-height:0}.project-slide{display:flex;flex-direction:column;gap:10px;height:100%}.project-copy{display:grid;grid-template-columns:minmax(0,1fr) 108px;column-gap:15px;align-items:center;flex:0 0 auto}.project-copy .slide-eyebrow{grid-column:1;grid-row:1;margin:0 0 6px}.project-copy h1{grid-column:1;grid-row:2;font-size:clamp(39px,7vw,74px);line-height:1}.project-copy .slide-lead{grid-column:1;grid-row:3;margin:6px 0 0;font-size:13px}.project-copy .progress-ring{grid-column:2;grid-row:1/span 3;width:105px;height:105px;margin:0}.project-copy .progress-ring strong{font-size:41px}.project-copy .progress-ring strong small{font-size:14px}.project-copy .progress-ring span{font-size:7px}.project-copy .progress-caption{display:none}.project-panel{flex:1 1 auto;min-height:0;max-height:none;padding:14px 18px}.project-panel .panel-heading{padding-bottom:7px}.project-panel .panel-heading h2{font-size:19px;margin-top:5px}.project-panel .task-scroll{flex:1 1 auto;min-height:0;padding:2px 0}.task-scroll .todo-row{padding:9px 0;font-size:13px}.new-task{margin-top:8px;padding:4px}.new-task button{width:35px;height:35px}.overview-slide{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center}.overview-slide h1,.todo-slide h1{font-size:clamp(36px,6vw,66px)}.overview-slide .slide-lead,.todo-slide .slide-lead{margin:8px 0}.overview-stats{margin:12px 0;gap:24px}.overview-stats strong{font-size:34px}.project-tiles{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;gap:9px}.project-tile{min-height:90px;padding:10px 12px}.project-tile h3{margin:5px 0 7px;font-size:16px}.project-tile small{font-size:9px;margin-top:6px}.todo-slide{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center}.todo-board{min-height:0;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.todo-board-item{padding:10px 13px 3px}.todo-board-item .todo-row{padding:8px 0;font-size:13px}.slide-header{padding-top:14px;padding-bottom:14px}.slide-controls{padding-top:12px;padding-bottom:12px}}@media(max-width:600px){.slide-stage{padding:11px 18px!important}.slide-header{padding:13px 18px}.slide-controls{padding:10px 18px}.overview-slide h1,.todo-slide h1{font-size:clamp(33px,9vw,50px)}.overview-slide .slide-lead,.todo-slide .slide-lead{font-size:12px}.overview-stats{gap:8px;margin:10px 0}.overview-stats strong{font-size:28px}.overview-stats span{font-size:8px}.project-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.project-tile{min-height:73px;padding:8px 10px;border-radius:11px}.project-tile h3{font-size:14px;margin:2px 0 4px}.project-tile small{font-size:8px;margin-top:4px}.project-tile .tile-top{font-size:8px}.project-copy{grid-template-columns:minmax(0,1fr) 85px;column-gap:10px}.project-copy h1{font-size:clamp(38px,10vw,58px)}.project-copy .slide-lead{font-size:12px}.project-copy .progress-ring{width:84px;height:84px}.project-copy .progress-ring>div{width:calc(100% - 10px);height:calc(100% - 10px)}.project-copy .progress-ring strong{font-size:30px}.project-copy .progress-ring span{margin-top:4px;font-size:6px}.project-panel{padding:11px 13px;border-radius:15px}.task-scroll .todo-row{padding:7px 0}.todo-board{grid-template-columns:1fr;gap:7px}.todo-board-item{padding:8px 12px 2px}.todo-board-item .todo-row{padding:5px 0}.list-pager{padding-top:5px}}@media(max-height:680px){.slide-header{padding-top:8px;padding-bottom:8px}.slide-controls{padding-top:6px;padding-bottom:6px}.slide-stage{padding-top:8px!important;padding-bottom:8px!important}.overview-slide .slide-eyebrow,.todo-slide .slide-eyebrow{margin-bottom:8px}.overview-slide .slide-lead,.todo-slide .slide-lead{margin:4px 0}.overview-stats{margin:7px 0}.project-tile{min-height:66px}.project-panel .task-scroll .todo-row{padding:5px 0}.project-panel .panel-heading{padding-bottom:5px}.new-task{margin-top:5px}.pin-screen{padding:20px}.pin-card{padding:15px 20px;max-height:calc(100dvh - 32px)}.pin-symbol{height:38px;width:38px;margin-bottom:8px}.pin-card h1{margin:6px 0;font-size:24px}.pin-card p{min-height:26px;font-size:11px}.pin-dots{margin:10px 0 5px}.pin-grid{gap:5px;margin-top:5px}.pin-grid button{height:39px}.pin-brand,.pin-footer{display:none}}:root{--dashboard-font:ui-rounded, "SF Pro Rounded", "SF Rounded", "Arial Rounded MT Bold", "Trebuchet MS", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}html,body,#root{font-family:var(--dashboard-font)}button,input,textarea,select{font-family:inherit}.name-screen,.pin-screen,.slide-app,.loading-screen,.name-content h1,.overview-slide h1,.project-slide h1,.todo-slide h1,.pin-card h1,.panel-heading h2,.project-tile h3,.slide-logo,.screen-clock,.header-time,.progress-ring strong,.overview-stats strong{font-family:var(--dashboard-font)}.name-content h1,.overview-slide h1,.project-slide h1,.todo-slide h1{letter-spacing:-.055em}@media(min-width:1100px)and (min-height:680px){.slide-app{font-size:clamp(21px,1.35vw,27px)}.slide-header{padding-top:clamp(17px,2.8vh,30px);padding-bottom:clamp(17px,2.8vh,30px)}.slide-logo{font-size:clamp(19px,1.35vw,26px);gap:18px;letter-spacing:.045em}.slide-logo small{font-size:clamp(14px,.95vw,18px);margin-top:7px;letter-spacing:.09em}.logo-square{width:clamp(55px,3.5vw,72px);height:clamp(55px,3.5vw,72px);font-size:clamp(22px,1.5vw,29px)}.slide-header-right{font-size:clamp(14px,.95vw,19px);letter-spacing:.07em}.header-time{font-size:clamp(26px,1.9vw,38px);margin-left:14px;padding-left:19px}.lock-button{width:clamp(48px,3vw,62px);height:clamp(48px,3vw,62px)}.lock-button svg{width:clamp(23px,1.4vw,28px);height:auto}.slide-stage{padding-top:clamp(14px,2vh,28px);padding-bottom:clamp(14px,2vh,28px)}.slide-eyebrow{font-size:clamp(17px,1.1vw,23px);letter-spacing:.13em;margin-bottom:clamp(12px,2vh,25px)}.overview-slide h1,.todo-slide h1{font-size:clamp(74px,5.8vw,112px)}.project-slide h1{font-size:clamp(73px,6.6vw,118px)}.slide-lead{font-size:clamp(24px,1.75vw,34px);line-height:1.35;margin:clamp(9px,1.5vh,19px) 0}.overview-stats{margin:clamp(16px,2.7vh,34px) 0;gap:clamp(36px,4vw,78px)}.overview-stats strong{font-size:clamp(49px,3.8vw,77px)}.overview-stats span{font-size:clamp(15px,1.05vw,22px);letter-spacing:.07em}.project-tiles{margin-top:clamp(12px,2vh,24px);gap:clamp(10px,1vw,18px)}.project-tile{min-height:clamp(145px,20vh,225px);padding:clamp(15px,1.6vw,29px)}.tile-index{font-size:clamp(15px,1vw,19px)}.tile-arrow svg{width:clamp(22px,1.4vw,28px);height:auto}.project-tile h3{font-size:clamp(22px,1.6vw,32px);margin:auto 0 clamp(12px,1.4vh,20px)}.project-tile small{font-size:clamp(15px,1vw,20px);line-height:1.3;margin-top:10px}.tile-progress{height:6px}.project-slide{gap:clamp(35px,4vw,90px)}.project-slide .slide-lead{margin-bottom:clamp(16px,3vh,36px)}.progress-ring{width:clamp(185px,16vw,290px);height:clamp(185px,16vw,290px)}.progress-ring strong{font-size:clamp(66px,6vw,99px)}.progress-ring strong small{font-size:clamp(25px,2vw,36px)}.progress-ring span{font-size:clamp(14px,1vw,19px);letter-spacing:.06em}.progress-caption{max-width:480px;font-size:clamp(17px,1.15vw,23px);line-height:1.4}.project-panel{min-height:0;max-height:min(69vh,730px);padding:clamp(22px,2.2vw,42px)}.panel-heading{padding-bottom:clamp(12px,1.5vh,22px)}.panel-heading small,.panel-heading>span{font-size:clamp(15px,1.05vw,20px);letter-spacing:.08em}.panel-heading h2{font-size:clamp(29px,2vw,42px);margin-top:8px}.todo-row{font-size:clamp(23px,1.45vw,30px);line-height:1.3;gap:15px;padding:clamp(13px,1.35vh,21px) 0}.todo-check{width:clamp(34px,2.3vw,46px);height:clamp(34px,2.3vw,46px);border-radius:11px}.todo-check svg,.todo-remove svg{width:clamp(19px,1.3vw,26px);height:auto}.todo-remove{padding:11px}.new-task{margin-top:clamp(11px,1.4vh,18px)}.new-task input{font-size:clamp(21px,1.3vw,27px);padding:14px}.new-task button{width:clamp(52px,3.3vw,67px);height:clamp(52px,3.3vw,67px)}.new-task button svg{width:26px;height:26px}.empty-note{font-size:clamp(21px,1.3vw,28px)}.todo-board{gap:clamp(12px,1.2vw,20px)}.todo-board-item{padding:clamp(16px,1.4vw,27px)}.todo-board-item>small{font-size:clamp(16px,1.1vw,21px);letter-spacing:.08em}.todo-board-item .todo-row{font-size:clamp(22px,1.3vw,29px);padding:clamp(12px,1vh,19px) 0}.list-pager{font-size:clamp(15px,1vw,21px);gap:19px}.list-pager button{width:40px;height:40px}.list-pager svg{width:21px;height:21px}.slide-controls{padding-top:clamp(14px,2vh,22px);padding-bottom:clamp(14px,2vh,22px)}.slide-nav button{width:clamp(52px,3.1vw,62px);height:clamp(52px,3.1vw,62px)}.slide-nav button svg{width:clamp(26px,1.6vw,33px);height:auto}.slide-nav span{font-size:clamp(20px,1.35vw,27px)}.slide-dots{gap:13px}.slide-dots button{width:11px;height:11px}.slide-dots button.active{width:36px}.play-toggle{font-size:clamp(15px,1vw,21px);gap:10px;letter-spacing:.06em}.play-toggle svg{width:22px;height:22px}.onscreen-keyboard{width:min(800px,calc(100vw - 48px))}.keyboard-head{font-size:18px}.keyboard-row button{font-size:25px;padding:17px 5px}.pin-card{width:min(100%,540px);padding:clamp(28px,3vw,50px)}.pin-symbol{width:66px;height:66px}.pin-eyebrow{font-size:17px}.pin-card h1{font-size:clamp(36px,2.6vw,51px)}.pin-card p{font-size:clamp(20px,1.35vw,27px);min-height:48px}.pin-dots span{width:18px;height:18px}.pin-error{font-size:17px;min-height:25px}.pin-grid{max-width:340px;gap:12px}.pin-grid button{height:clamp(66px,6vh,83px);font-size:32px}.reset-link{font-size:18px}.pin-brand{font-size:17px}.pin-footer{font-size:15px}.name-kicker{font-size:clamp(18px,1.3vw,27px)}.name-subtitle{font-size:clamp(30px,2.6vw,52px)}.screen-top,.screen-bottom{font-size:clamp(17px,1.1vw,22px)}.screen-clock{font-size:clamp(38px,3.7vw,70px)}.screen-hint{font-size:clamp(15px,1vw,19px);max-width:230px}}@media(min-width:1100px)and (max-height:820px)and (min-height:680px){.slide-header{padding-top:12px;padding-bottom:12px}.slide-controls,.slide-stage{padding-top:10px;padding-bottom:10px}.project-panel{padding:17px 24px;max-height:65vh}.panel-heading{padding-bottom:9px}.todo-row{padding:9px 0;font-size:clamp(21px,1.45vw,27px)}.new-task input{padding:8px}.new-task button{height:45px;width:45px}.overview-slide h1,.todo-slide h1{font-size:clamp(64px,5.2vw,96px)}.project-slide h1{font-size:clamp(66px,6vw,100px)}.project-tile{min-height:132px;padding:14px}.project-tile h3{font-size:clamp(21px,1.4vw,28px)}.progress-ring{width:185px;height:185px}.pin-card{padding:25px 34px}.pin-grid button{height:54px}}:root{--soft-white:#f0f7ff;--soft-muted:#bfd7e9;--soft-border:rgba(208,233,255,.16);--soft-highlight:rgba(236,248,255,.15);--soft-shadow:0 20px 65px rgba(2,12,35,.17);--soft-radius:28px}body{background:#102a48}.slide-app{background:radial-gradient(ellipse 52% 64% at 12% 9%,rgba(110,182,233,.22),transparent 78%),radial-gradient(ellipse 66% 65% at 91% 84%,rgba(155,143,229,.16),transparent 78%),radial-gradient(ellipse 65% 95% at 58% 35%,#2c557b,#193b60,#0c2442)}.slide-app:before{opacity:.1;background-size:25px 25px}.slide-glow-a{opacity:.65}.slide-glow-b{opacity:.55}.slide-header{background:linear-gradient(180deg,#c1e6ff12,#c1e6ff00);border-bottom:1px solid rgba(225,243,255,.105)}.slide-controls{background:linear-gradient(0deg,#b1d3f612,#b1d3f600);border-top:1px solid rgba(225,243,255,.105)}.slide-logo,.slide-eyebrow,.panel-heading small,.tile-index{letter-spacing:.075em}.slide-logo small,.slide-header-right,.progress-caption,.project-tile small,.slide-lead{color:var(--soft-muted)}.slide-eyebrow,.panel-heading small,.tile-index{color:#a6eced}.overview-slide h1 em,.todo-slide h1 em{color:#c6e5f5}.project-tile{border-radius:var(--soft-radius);border:1px solid var(--soft-border);background:linear-gradient(150deg,#e1f3ff29,#89bded18 53%,#749dd612);box-shadow:var(--soft-shadow),inset 0 1px #ffffff2b;color:var(--soft-white);transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,background .35s,box-shadow .35s}.project-tile:hover{transform:translateY(-3px);border-color:#d4f4ff57;background:linear-gradient(150deg,#e5f7ff3b,#8ac5f224 60%,#7ca9e217);box-shadow:0 24px 60px #020c2336,inset 0 1px #fff3}.tile-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#d6edff1a;opacity:.8}.tile-progress{height:clamp(9px,.9vh,13px);background:#cfe9fb29;border-radius:999px;border:1px solid rgba(231,247,255,.09);box-shadow:inset 0 2px 4px #071f381f;overflow:hidden}.tile-progress>span{display:block;height:100%;border-radius:999px;transition:width .8s cubic-bezier(.2,.8,.2,1)}.project-panel{border-radius:34px;border:1px solid rgba(225,242,255,.19);background:linear-gradient(155deg,#c9e7ff2b,#7eb2e516 55%,#608fc617);box-shadow:0 24px 70px #040f2530,inset 0 1px #f7fbff33}.panel-heading{border-bottom-color:#dcf2ff24}.panel-heading h2{font-weight:570}.task-scroll .todo-row{border:1px solid rgba(229,243,255,.1);border-radius:clamp(14px,1.15vw,21px);background:linear-gradient(130deg,#d3eaff16,#b9d9ff09);margin:6px 0;padding:clamp(9px,1.05vh,15px) clamp(11px,1vw,20px);transition:background .2s,border-color .2s}.task-scroll .todo-row:hover{border-color:#dff1ff3b;background:#d9efff21}.todo-check{border:1px solid rgba(228,245,255,.36);background:#e2f5ff1f;border-radius:50%;transition:background .25s,transform .25s}.todo-check:hover{transform:scale(1.06);background:#eaf7ff3b}.todo-done .todo-check{background:linear-gradient(135deg,#b7f5e7,#7fe0d4);border-color:#c9fff1a8;color:#174d5a;box-shadow:0 0 18px #7dedda3d}.todo-done .todo-check:hover{background:linear-gradient(135deg,#d4fcf1,#a2eddf)}.todo-remove{border-radius:50%}.new-task{border-radius:19px;background:#e2f1ff1a;border:1px solid rgba(232,247,255,.19);box-shadow:inset 0 2px 5px #01122d1c}.new-task input::placeholder{color:#b0ccdf}.new-task button{border-radius:15px;color:#19455b;background:linear-gradient(135deg,#d4f8ff,#92e8e8);box-shadow:0 5px 18px #6fe7e42e;transition:transform .25s,filter .25s}.new-task button:hover{background:linear-gradient(135deg,#e8fcff,#b3f4ed);transform:translateY(-1px)}.progress-ring{position:relative;background:none!important;box-shadow:0 14px 45px #0519391f;isolation:isolate}.progress-ring:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:-1;border-radius:50%;background:radial-gradient(circle at 35% 24%,#ecfaff2b,#b7def609 70%)}.progress-ring-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;transform:rotate(-90deg);overflow:visible}.progress-ring-track{fill:none;stroke:#d7eafc2b;stroke-width:7.5}.progress-ring-fill{fill:none;stroke-width:7.5;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--ring-accent));transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}.progress-ring>.progress-ring-center{position:relative;width:78%;height:78%;background:radial-gradient(circle at 38% 24%,#edf9ff24,#8dbeeb0b 74%);border:1px solid rgba(222,242,255,.11);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;box-shadow:inset 0 1px #ffffff1c}.progress-ring-center span{color:#c3dded;letter-spacing:.09em}.todo-board-item{border:1px solid rgba(227,243,255,.16);border-radius:24px;background:linear-gradient(140deg,#dbefff21,#92bfe80f);box-shadow:0 12px 35px #0211281f,inset 0 1px #ffffff14}.todo-board-item .todo-row{border:none;background:none;margin:0;padding-left:0;padding-right:0}.slide-nav button,.lock-button,.list-pager button{border:1px solid rgba(222,242,255,.19);background:#d8efff1d;box-shadow:inset 0 1px #f8fcff17;color:#e5f6ff;transition:background .25s,transform .25s}.slide-nav button:hover,.lock-button:hover,.list-pager button:not(:disabled):hover{background:#dff3ff3b;transform:translateY(-1px)}.slide-dots button{background:#cbe7fd61;border-radius:999px;transition:width .35s,background .35s}.slide-dots button.active{background:linear-gradient(90deg,#b3f5f0,#c0dcff);box-shadow:0 0 13px #97f1f05c}.play-toggle{padding:10px 15px;border:1px solid rgba(210,237,255,.17);border-radius:999px;background:#d0ebff17;color:#d8ecf9;transition:background .25s}.play-toggle:hover{background:#d0ebff33}.list-pager button{border-radius:50%}.pin-screen{background:radial-gradient(ellipse at 44% 29%,#39658e,#203f69 49%,#102747)}.pin-card{border-radius:36px;border-color:#dff1ff38;background:linear-gradient(155deg,#d7ebff29,#7eb8e81a);box-shadow:0 28px 80px #06142933,inset 0 1px #ffffff21}.pin-symbol{border-radius:22px;background:#d2efff29}.pin-grid button{border-radius:19px;border-color:#e0f2ff30;background:#def1ff21;box-shadow:inset 0 1px #ffffff17}.pin-grid button:hover{background:#e3f4ff40;transform:scale(1.02)}.pin-dots span{border-color:#ddf1ff91}.pin-dots .filled{background:#d0f4ff}.onscreen-keyboard{border-radius:26px;background:#28517b}.keyboard-row button{border-radius:13px}.name-screen{background:radial-gradient(ellipse at 50% 44%,#2d6394,#184a7b 42%,#0d284e)}.name-screen:before{border-radius:26px;border-color:#d7efff1f}.orbit-system{opacity:.53}.light-trail{opacity:.44}.name-content h1{text-shadow:0 16px 55px rgba(12,41,81,.24)}@media(prefers-reduced-motion:reduce){.tile-progress>span,.progress-ring-fill,.project-tile,.todo-check,.slide-dots button{transition:none!important}}:root{--night-black:#0a0a0a;--night-surface:#111118;--night-surface-raised:#181721;--night-blue:#007ba7;--night-cyan:#36cbff;--night-rose:#ff2d95;--night-ink:#f8f9ff;--night-dim:#b4b3c2;--night-line:rgba(202,213,247,.15)}html,body,#root{background:var(--night-black);color:var(--night-ink)}body{background:var(--night-black)}.slide-app{background:radial-gradient(ellipse 55% 75% at 92% 9%,#007ba740,#007ba700 70%),radial-gradient(ellipse 40% 68% at 8% 91%,rgba(255,45,149,.17),transparent 75%),linear-gradient(117deg,#07070b,#0a0a0f,#0d0b12)}.slide-app:before{opacity:.19;background-size:35px 35px;background-image:linear-gradient(rgba(61,151,208,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(61,151,208,.15) 1px,transparent 1px);-webkit-mask-image:radial-gradient(ellipse 80% 95% at 50% 48%,black,transparent 90%);mask-image:radial-gradient(ellipse 80% 95% at 50% 48%,black,transparent 90%)}.slide-glow{opacity:.65;filter:blur(12px)}.slide-glow-a{background:radial-gradient(circle,rgba(0,132,230,.29),rgba(26,100,184,.1) 40%,transparent 69%)}.slide-glow-b{background:radial-gradient(circle,rgba(255,45,149,.23),rgba(125,28,101,.1) 45%,transparent 73%)}.slide-header{background:linear-gradient(180deg,#17161edb,#0a0a0d70);border-bottom:1px solid rgba(241,241,255,.14);box-shadow:0 1px #007ba71f}.slide-logo{color:#f7faff;font-weight:760}.slide-logo small,.slide-header-right{color:#a8b5c8}.logo-square{color:#f9fbff;background:linear-gradient(140deg,#007ba763,#ff2d953d);border:1px solid rgba(70,197,255,.47);box-shadow:inset 0 1px #f5f5ff29,0 0 20px #007ba73b}.live-light{background:#37d6ff;box-shadow:0 0 14px #37d6ffdb}.header-time{color:#f8fbff;border-left-color:#e2ebff33}.slide-eyebrow,.panel-heading small,.tile-index,.pin-eyebrow{color:#56d1ff;letter-spacing:.14em}.overview-slide h1,.project-slide h1,.todo-slide h1{color:#f8f9ff;font-weight:790;text-shadow:0 10px 36px rgba(0,0,0,.43)}.overview-slide h1 em,.todo-slide h1 em{background:linear-gradient(95deg,#53d9ff 6%,#339cff 36%,#fc50a8 74%,#ff2d95);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:650;filter:drop-shadow(0 0 11px rgba(255,45,149,.16))}.project-slide h1 .title-period{text-shadow:0 0 19px currentColor}.slide-lead{color:#c8c5d7}.overview-stats strong{color:#f7f8ff;text-shadow:0 0 25px rgba(67,186,245,.1)}.overview-stats strong b,.overview-stats span{color:#adb2c6}.project-tiles{align-items:stretch}.project-tile{position:relative;isolation:isolate;color:#f8f9ff;background:linear-gradient(149deg,#242735ed,#11111ae8 62%,#121019fa);border:1px solid rgba(204,216,243,.2);border-radius:24px;box-shadow:0 18px 46px #0000003b,inset 0 1px #f6f8ff12;overflow:hidden}.project-tile:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(44,197,255,.72) 36%,rgba(255,45,149,.7) 73%,transparent);opacity:.72}.project-tile:hover{border-color:#4ec1ff7a;transform:translateY(-3px);background:linear-gradient(151deg,#283345ed,#171424f7);box-shadow:0 19px 46px #00000059,0 0 25px #007ba71c}.tile-index{color:#70d5ff}.tile-arrow{background:#24b7f724;color:#93dcff}.project-tile h3{color:#fff;font-weight:700;letter-spacing:-.03em}.project-tile small{color:#c1bfd0}.tile-progress{background:#dce8ff24;border:1px solid rgba(216,231,255,.1);box-shadow:inset 0 2px 5px #00000038}.tile-progress>span{box-shadow:0 0 13px #27bcf740;filter:saturate(1.2)}.project-panel{border-radius:30px;background:radial-gradient(ellipse 100% 34% at 100% 0%,rgba(0,123,167,.17),transparent 75%),linear-gradient(153deg,#1d1d28f7,#0e0e14f7);border:1px solid rgba(213,220,246,.19);box-shadow:0 27px 72px #00000047,inset 0 1px #ffffff14}.panel-heading{border-bottom-color:#cfd7f62b}.panel-heading h2{color:#fff;font-weight:700}.panel-heading>span{color:#aab5cd}.task-scroll .todo-row{background:linear-gradient(125deg,#2f2f4375,#141420b8);border:1px solid rgba(228,225,250,.11);color:#f7f8ff;border-radius:18px}.task-scroll .todo-row:hover{border-color:#54beff57;background:linear-gradient(125deg,#213c519e,#1f172fbf)}.todo-row.todo-done>span{color:#9294a8}.todo-check{background:#40496173;border:1px solid rgba(179,207,244,.48);border-radius:9px}.todo-check:hover{background:#22a4da47}.todo-done .todo-check{background:linear-gradient(135deg,#50d9ff,#00a4cf);border-color:#65dfff;color:#08131c;box-shadow:0 0 15px #15b8ff4d}.todo-done .todo-check:hover{background:linear-gradient(135deg,#87e8ff,#27c2e3)}.todo-remove{color:#a8a7bb}.todo-remove:hover{background:#ff2d951f;color:#ff79c0}.new-task{background:#0a0a10cc;border:1px solid rgba(174,198,234,.25);border-radius:16px}.new-task input{color:#fff}.new-task input::placeholder{color:#979bb0}.new-task button{border-radius:12px;color:#08151f;background:linear-gradient(125deg,#65deff,#11a4d5);box-shadow:0 7px 24px #00a1eb40}.new-task button:hover{background:linear-gradient(125deg,#b0efff,#46c5eb);box-shadow:0 8px 25px #00bef75c}.progress-ring{background:none!important;box-shadow:0 0 42px #007ba71a}.progress-ring:before{background:radial-gradient(circle at 45% 45%,#162339d9,#0a0a115c 72%)}.progress-ring-track{stroke:#abb8dc33}.progress-ring-fill{stroke-width:7.5;filter:drop-shadow(0 0 4px var(--ring-accent)) drop-shadow(0 0 5px var(--ring-accent))}.progress-ring>.progress-ring-center{background:radial-gradient(circle at 50% 25%,#1f2e43db,#0b0b13e6 75%);border:1px solid rgba(171,192,233,.17);box-shadow:inset 0 1px #f5f9ff1a}.progress-ring strong{color:#fff}.progress-ring strong small{color:#71d5ff}.progress-ring-center span{color:#beb9d1}.progress-caption{color:#aeb1c5}.todo-board-item{background:linear-gradient(145deg,#212432ed,#100f18f2);border:1px solid rgba(197,210,238,.2);border-radius:21px;box-shadow:0 12px 36px #00000038,inset 0 1px #f9f9ff0f}.todo-board-item>small{color:#65d2fc}.todo-board-item .todo-row{color:#f8f8ff}.all-done{border-color:#40d6f53d;color:#d4f2ff}.slide-controls{border-top:1px solid rgba(228,232,255,.14);background:linear-gradient(0deg,#1b1925b8,#0a0a0f40)}.slide-nav button,.lock-button,.list-pager button{color:#e5f6ff;background:#292e42cc;border-color:#a8bfe745;box-shadow:inset 0 1px #ffffff0e}.slide-nav button:hover,.lock-button:hover,.list-pager button:not(:disabled):hover{background:#007ba747;border-color:#37cafc80}.list-pager{color:#b3bdd2}.slide-dots button{background:#96a5ce66}.slide-dots button.active{background:linear-gradient(90deg,#27c7ff,#ff2d95);box-shadow:0 0 18px #ff2d9561}.play-toggle{border:1px solid rgba(148,175,219,.25);color:#c9d0e6;background:#232535b3}.play-toggle:hover{background:#22668f47;border-color:#34c5ff66}.pin-screen{background:radial-gradient(ellipse 65% 62% at 12% 82%,rgba(255,45,149,.19),transparent 72%),radial-gradient(ellipse 60% 70% at 89% 16%,rgba(0,123,167,.29),transparent 70%),#0a0a0a}.pin-screen:before{border-color:#c8d9f629}.pin-glow-a{background:radial-gradient(circle,rgba(0,152,240,.22),transparent 66%)}.pin-glow-b{background:radial-gradient(circle,rgba(255,45,149,.23),transparent 66%)}.pin-brand{color:#94dfff}.pin-footer{color:#a1a0b3}.pin-card{background:linear-gradient(145deg,#1f2232e8,#0d0d16f0);border:1px solid rgba(179,200,246,.27);border-radius:28px;box-shadow:0 32px 100px #00000075,0 0 40px #007ba712}.pin-symbol{color:#7bd7ff;background:linear-gradient(135deg,#007ba74d,#ff2d952b);border-color:#66c2ff66}.pin-card h1{color:#fff}.pin-card p{color:#bcbdd0}.pin-eyebrow{color:#6cccfb}.pin-dots span{border-color:#9ec1f787}.pin-dots .filled{background:linear-gradient(120deg,#38cfff,#ff2d95);box-shadow:0 0 14px #f52da47a}.pin-grid button{color:#fff;background:linear-gradient(140deg,#292c3ef2,#151421fc);border:1px solid rgba(167,186,225,.2);border-radius:17px}.pin-grid button:hover{background:linear-gradient(140deg,#1a638980,#68174b66);border-color:#43baff80}.pin-error{color:#ff95ca}.reset-link{color:#b6dcfa}.onscreen-keyboard{background:linear-gradient(155deg,#1e2435,#111019);border-color:#4fbcff66}.keyboard-head{color:#92d9ff}.keyboard-row button{background:#272c40;color:#f8faff;border:1px solid rgba(151,182,228,.29)}.keyboard-row button:hover{background:#235172;color:#fff}.name-screen{background:radial-gradient(ellipse 65% 50% at 70% 45%,rgba(0,123,167,.29),transparent 75%),radial-gradient(ellipse 50% 65% at 27% 83%,rgba(255,45,149,.24),transparent 80%),radial-gradient(ellipse at 50% 47%,#171320 2%,#0d0c14 65%,#050507)}.name-screen:before{border-color:#d6e2ff2b;border-radius:14px}.name-screen:after{background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 40%,rgba(0,0,0,.28))}.aurora-a{background:radial-gradient(ellipse,rgba(0,159,227,.48),rgba(0,100,178,.18) 43%,transparent 72%)}.aurora-b{background:radial-gradient(ellipse,rgba(255,45,149,.42),rgba(130,19,100,.14) 46%,transparent 75%)}.aurora-c{background:radial-gradient(ellipse,rgba(88,53,211,.28),rgba(12,110,191,.08) 46%,transparent 73%)}.name-content h1{color:#faffff;text-shadow:0 10px 68px rgba(0,0,0,.5),0 0 25px rgba(0,123,167,.15)}.name-content h1 em{background:linear-gradient(110deg,#6ad8ff,#e3f7ff 32%,#ff5eb5 55%,#ff2d95 75%,#6ad8ff);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}.name-kicker{color:#92d4f8}.name-subtitle{color:#f4d2e9;text-shadow:0 0 25px rgba(255,45,149,.32)}.kicker-line{background:linear-gradient(90deg,transparent,#3fbcff,#ff61b1)}.name-rule{background:linear-gradient(90deg,transparent,#37c7f5,#ff2d95,transparent)}.rule-spark{background:#ff8bcd;box-shadow:0 0 16px 4px #ff2d95b3}.mark-dot{border-color:#43c5ffcc}.top-status .status-dot,.live-light{background:#36ceff;box-shadow:0 0 15px #2bc4ffe6}.screen-top,.screen-bottom{color:#b0b2c5}.screen-clock{color:#fff}.screen-hint{color:#acafc3}@media(prefers-reduced-motion:reduce){.project-tile,.tile-progress>span,.progress-ring-fill{transition:none!important}}.sync-indicator{display:inline-flex;gap:10px;align-items:center;white-space:nowrap;padding:11px 15px;border-radius:999px;background:#172a3bb8;border:1px solid rgba(82,197,239,.24);font-size:clamp(12px,.85vw,17px);font-weight:680;letter-spacing:.045em;color:#b6dff1}.sync-led{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#77aaca;box-shadow:0 0 10px #43c7ff57}.sync-synced .sync-led,.sync-ready .sync-led{background:#49eac5;box-shadow:0 0 13px #49eac58f}.sync-saving .sync-led{background:#59caff;animation:status-pulse 1.7s ease-in-out infinite}.sync-conflict .sync-led,.sync-offline .sync-led{background:#ff4b9d;box-shadow:0 0 12px #ff4b9d87}.sync-local{color:#b9b1c6;border-color:#cab8d538}.settings-button{width:clamp(45px,3.2vw,62px);height:clamp(45px,3.2vw,62px);display:grid;place-items:center;border:1px solid rgba(146,193,235,.3);border-radius:14px;background:#1f2b3dc7;color:#bfeaff;transition:background .2s,transform .2s}.settings-button:hover{background:#007ba74f;transform:translateY(-1px)}.settings-button svg{width:clamp(20px,1.35vw,28px);height:auto}.settings-shade{position:fixed;z-index:22;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(16px,4vw,50px);background:#020208ba;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);animation:appear .27s ease both}.settings-modal{width:min(710px,100%);max-height:calc(100dvh - 38px);overflow:hidden;padding:clamp(22px,3vw,40px);border-radius:28px;border:1px solid rgba(110,198,255,.33);background:radial-gradient(ellipse 65% 55% at 100% 0%,rgba(0,123,167,.2),transparent 77%),linear-gradient(145deg,#1b1b29,#101018);box-shadow:0 32px 105px #00000091,0 0 40px #007ba717}.settings-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-title small{color:#64cfff;font-size:clamp(12px,.85vw,17px);letter-spacing:.12em;font-weight:720}.settings-title h2{margin:10px 0 0;color:#f8fbff;font-size:clamp(27px,2.4vw,44px);letter-spacing:-.04em}.settings-title>button{flex:0 0 auto;width:43px;height:43px;display:grid;place-items:center;background:#b4cbee1a;color:#dae7ff;border:1px solid rgba(171,201,238,.24);border-radius:12px}.settings-title>button:hover{background:#ff2d9529}.settings-intro{font-size:clamp(14px,1.1vw,20px);line-height:1.55;color:#bfc4d6;margin:18px 0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0;padding:clamp(12px,1.45vw,22px);border-radius:17px;border:1px solid rgba(200,213,239,.15);background:linear-gradient(120deg,#2c3349a3,#181827de)}.settings-row>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-row strong{font-size:clamp(16px,1.2vw,22px);font-weight:650;color:#f0f8ff}.settings-row small{font-size:clamp(12px,.83vw,17px);color:#91b3cf}.settings-stepper{display:flex;align-items:center;gap:10px;flex:0 0 auto}.settings-stepper button{width:clamp(38px,3vw,52px);height:clamp(38px,3vw,52px);border-radius:12px;color:#dbf6ff;background:#136ba166;border:1px solid rgba(75,187,255,.35);font-size:clamp(20px,1.5vw,27px)}.settings-stepper button:hover{background:#179ad88c}.settings-stepper span{min-width:39px;text-align:center;color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(23px,1.7vw,31px);font-weight:600}.settings-footnote{color:#8faec3;font-size:clamp(11px,.8vw,15px);margin-top:21px}.sync-message{position:fixed;z-index:35;left:50%;bottom:clamp(78px,11vh,130px);transform:translate(-50%);width:min(820px,calc(100vw - 44px));padding:16px 25px;border-radius:16px;background:#29182ff7;border:1px solid rgba(255,85,170,.52);color:#ffe8f4;box-shadow:0 12px 43px #0000005e;text-align:center;cursor:pointer;font-size:clamp(13px,1vw,19px)}.sync-message span{color:#ff80bd;margin-left:12px}@media(max-width:650px){.sync-indicator{font-size:0;gap:0;padding:8px;border:0;background:none}.sync-led{width:10px;height:10px;flex-basis:10px}.settings-button{width:36px;height:36px;border-radius:10px}.settings-stepper{gap:6px}.settings-stepper span{min-width:25px}.settings-title h2{font-size:26px}}@media(max-height:650px){.settings-modal{padding:18px 24px}.settings-title h2{font-size:26px;margin-top:3px}.settings-intro{margin:8px 0;font-size:13px}.settings-row{margin:6px 0;padding:8px 13px}.settings-row strong{font-size:15px}.settings-row small{font-size:11px}.settings-stepper button{width:31px;height:31px;font-size:19px}.settings-stepper span{font-size:20px}.settings-footnote{font-size:10px;margin-top:9px}}@media(prefers-reduced-motion:reduce){.sync-saving .sync-led,.settings-shade{animation:none!important}}.sync-indicator{font-family:inherit;cursor:pointer}.sync-indicator:hover{border-color:#4bd1ff99;background:#245c7652}.conflict-recovery{display:flex;flex-direction:column;gap:15px;margin-top:22px}.conflict-recovery p{margin:0 0 3px;color:#d8d9e7;font-size:clamp(16px,1.15vw,23px);line-height:1.5}.conflict-recovery button{width:100%;min-height:52px;padding:11px 15px;border-radius:15px;font-size:clamp(16px,1.1vw,21px);font-weight:700;border:1px solid rgba(215,230,255,.25)}.conflict-recovery .resolve-cloud{background:linear-gradient(115deg,#66d5ff,#1581b9);color:#07101d;box-shadow:0 0 24px #0092e624}.conflict-recovery .resolve-local{background:linear-gradient(115deg,#ff42ab42,#69225c75);color:#ffe9f5;border-color:#ff5eb261}.conflict-recovery small{color:#b8abc3;font-size:clamp(12px,.8vw,16px);line-height:1.5}@media(max-height:650px){.conflict-recovery{gap:8px;margin-top:8px}.conflict-recovery p{font-size:13px}.conflict-recovery button{min-height:38px}.conflict-recovery small{font-size:10px}}
