:root{color:#f6f0d6;font-synthesis:none;text-rendering:optimizelegibility;background:#070809;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}input:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}.app-shell{isolation:isolate;background:radial-gradient(circle at 18% 10%,#f5bc302e,#0000 30%),linear-gradient(140deg,#13171ceb,#070809fa 44%,#0a0b0c);min-height:100vh;padding:32px;position:relative}.app-shell:before{z-index:-2;content:"";background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.app-shell:after{z-index:-1;content:"";clip-path:polygon(0 42%,5% 42%,5% 24%,10% 24%,10% 52%,16% 52%,16% 12%,22% 12%,22% 47%,28% 47%,28% 29%,34% 29%,34% 55%,40% 55%,40% 18%,47% 18%,47% 48%,55% 48%,55% 25%,62% 25%,62% 58%,68% 58%,68% 16%,75% 16%,75% 45%,82% 45%,82% 30%,88% 30%,88% 52%,95% 52%,95% 22%,100% 22%,100% 100%,0 100%);opacity:.72;background:linear-gradient(0deg,#020202 0 28%,#0000 29%),repeating-linear-gradient(90deg,#0000 0 30px,#f6be3414 31px 33px,#0000 34px 68px);height:38vh;position:fixed;inset:auto 0 0}.signal-beam{z-index:-1;filter:blur(18px);transform-origin:top;background:linear-gradient(#ffd0524d,#0000);width:260px;height:640px;animation:7s ease-in-out infinite alternate sweep;position:fixed;top:-120px;right:.5vw;transform:rotate(16deg)}.hero-panel,.dashboard-grid,.mission-header,.task-grid,.task-manager{width:min(1180px,100%);margin-inline:auto}.hero-panel{grid-template-columns:minmax(0,1fr) minmax(260px,380px);align-items:stretch;gap:28px;min-height:310px;padding:38px 0 22px;display:grid}.hero-copy{flex-direction:column;justify-content:center;display:flex}.eyebrow,.panel-label{color:#f7c84f;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 10px;font-size:.78rem;font-weight:800;display:flex}h1,h2,h3,p{margin-top:0}h1{color:#ffe899;letter-spacing:0;text-transform:uppercase;text-shadow:0 0 32px #f5be3252;max-width:730px;margin-bottom:14px;font-size:clamp(4rem,12vw,9.8rem);line-height:.82}.hero-copy p{color:#d7d4ca;max-width:620px;font-size:1.08rem;line-height:1.7}.bat-placeholder{color:#ffe899;text-align:center;background:linear-gradient(155deg,#ffd95d24,#0000 42%),#0b0d0fc7;border:1px solid #ffe28647;border-radius:8px;align-content:center;place-items:center;min-height:280px;padding:28px;transition:transform .26s,border-color .26s;display:grid;box-shadow:inset 0 0 50px #ffcc4014,0 24px 70px #0000006b}.bat-placeholder:hover{border-color:#ffe2868a;transform:translateY(-3px)}.bat-placeholder span{color:#c9c1a5;max-width:230px;margin-top:16px;font-size:.9rem;line-height:1.45}.dashboard-grid{grid-template-columns:minmax(320px,.75fr) minmax(0,1fr);gap:18px;margin-top:10px;display:grid}.streak-panel,.week-strip,.mission-header,.task-manager{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1012bd;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 18px 55px #00000047}.streak-panel{grid-template-columns:118px 1fr 1fr;align-items:center;gap:20px;padding:18px;display:grid}.stat-ring{aspect-ratio:1;background:radial-gradient(circle at center, #111 56%, transparent 58%), conic-gradient(#f8c743 var(--progress), #ffffff1f 0);border-radius:50%;place-items:center;width:104px;display:grid}.stat-ring span,.streak-panel strong{color:#fff5c5;font-size:1.8rem}.streak-panel strong{margin-right:6px;font-size:2.6rem;line-height:1}.unit{color:#aaa494}.week-strip{grid-template-columns:repeat(7,minmax(54px,1fr));gap:10px;padding:14px;display:grid}.day-chip{color:#d6d0c1;background:#ffffff0b;border:1px solid #ffffff14;border-radius:8px;min-height:88px;transition:transform .18s,background .18s,border-color .18s;position:relative}.day-chip:hover,.day-chip.active{border-color:#f8c74394;transform:translateY(-2px)}.day-chip.complete{color:#fff0b1;background:radial-gradient(circle at 50% 18%,#ffe79742,#0000 34%),linear-gradient(150deg,#f8c74347,#ffffff0f);border-color:#f8c743c7;box-shadow:inset 0 0 22px #f8c7431f,0 0 28px #f8c74329}.bat-day-mark{color:#ffe899;background:#040506ad;border:1px solid #fff0b19e;border-radius:50%;place-items:center;width:22px;height:22px;animation:.28s both badge-pop;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 0 18px #f8c7433d}.day-chip span{text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:800;display:block}.day-chip strong{font-size:1.5rem}.mission-header{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:18px;display:flex}.mission-header h2,.task-manager h2{color:#fff6cf;margin-bottom:0;font-size:1.55rem}.date-controls,.add-task-row{align-items:center;gap:10px;display:flex}.date-controls button,.add-task-row button,.complete-button{color:#ffe899;background:#f8c7431f;border:1px solid #f8c74357;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:800;transition:transform .18s,background .18s,opacity .18s;display:inline-flex}.date-controls button{min-width:44px;padding:0 14px}.date-controls button:hover,.add-task-row button:hover,.complete-button:hover:not(:disabled){background:#f8c74338;transform:translateY(-1px)}.task-grid{grid-template-columns:repeat(4,minmax(210px,1fr));gap:16px;margin-top:18px;display:grid}.task-card{background:linear-gradient(160deg,#181b1fed,#08090ae6);border:1px solid #ffffff1a;border-radius:8px;min-height:310px;padding:18px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000040}.task-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#f8c743f2,#0000);height:4px;transition:opacity .22s;position:absolute;inset:0 0 auto}.task-card:hover{border-color:#f8c7435c;transform:translateY(-4px);box-shadow:0 28px 70px #00000061}.task-card.complete:before{opacity:1}.task-topline{justify-content:space-between;align-items:center;display:flex}.task-number{color:#ffe89970;font-size:.84rem;font-weight:900}.icon-button{color:#d9d2bd;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.icon-button.danger:hover{color:#faa;border-color:#ff6f6f73}.task-card h3{color:#fff7d6;min-height:58px;margin:12px 0 14px;font-size:1.28rem;line-height:1.25}textarea,input{color:#f8f2dc;background:#00000042;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;transition:border-color .18s,box-shadow .18s}textarea{resize:vertical;min-height:116px;padding:13px;line-height:1.45}input{min-height:46px;padding:0 14px}textarea:focus,input:focus{border-color:#f8c743b8;box-shadow:0 0 0 4px #f8c7431f}.complete-button{width:100%;margin-top:14px;padding:0 14px}.complete-button:disabled,.add-task-row button:disabled,.icon-button:disabled{opacity:.46}.task-manager{grid-template-columns:.6fr 1fr;align-items:center;gap:18px;margin-top:18px;margin-bottom:90px;padding:18px;display:grid}.add-task-row input{flex:1}.add-task-row button{flex:none;padding:0 18px}.streak-toast{color:#ffe899;opacity:0;pointer-events:none;background:#0f1011e6;border:1px solid #f8c74366;border-radius:8px;align-items:center;gap:10px;padding:14px 18px;font-weight:900;transition:opacity .24s,transform .24s;display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(18px);box-shadow:0 20px 50px #0000006b}.streak-toast.visible{opacity:1;transform:translateY(0)}.sync-toast{color:#ffd6d6;opacity:0;pointer-events:none;background:#1d0c0ceb;border:1px solid #ff6f6f61;border-radius:8px;max-width:min(420px,100vw - 56px);padding:12px 14px;font-size:.9rem;font-weight:800;transition:opacity .24s,transform .24s;position:fixed;bottom:86px;right:28px;transform:translateY(12px);box-shadow:0 20px 50px #0000005c}.sync-toast.visible{opacity:1;transform:translateY(0)}@keyframes sweep{0%{opacity:.45;transform:rotate(11deg)}to{opacity:.82;transform:rotate(19deg)}}@keyframes badge-pop{0%{opacity:0;transform:scale(.72)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (width<=980px){.app-shell{padding:22px}.hero-panel,.dashboard-grid,.task-manager{grid-template-columns:1fr}.task-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}}@media (width<=660px){.app-shell{padding:16px}.hero-panel{padding-top:20px}h1{font-size:clamp(3.5rem,18vw,5.4rem)}.streak-panel{grid-template-columns:1fr}.week-strip{grid-template-columns:repeat(7,62px);overflow-x:auto}.mission-header,.add-task-row{flex-direction:column;align-items:stretch}.date-controls{justify-content:space-between}.task-grid{grid-template-columns:1fr}.streak-toast{justify-content:center;bottom:16px;left:16px;right:16px}.sync-toast{max-width:none;bottom:76px;left:16px;right:16px}}
