@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/portal/satori-assets/fonts/share-tech-mono.woff2) format("woff2")}.satori-host{--bg-color: #0a0a0a;--bg-card: #121612;--bg-card-hover: #1a221a;--text-primary: #00ff41;--text-dim: #00b32d;--text-muted: #557755;--accent-cyan: #00e5ff;--accent-magenta: #ff007f;--accent-amber: #ffaa00;--border-green: rgba(0, 255, 65, .25);--border-green-glow: rgba(0, 255, 65, .6);--glow-shadow: 0 0 12px rgba(0, 255, 65, .35);--glow-shadow-cyan: 0 0 12px rgba(0, 229, 255, .35);--glow-shadow-magenta: 0 0 12px rgba(255, 0, 127, .35);--font-mono: "Share Tech Mono", "JetBrains Mono", "Fira Code", "Courier New", monospace}.satori-host *{box-sizing:border-box;margin:0;padding:0}.satori-host{width:100%;height:100%;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-mono);overflow-x:hidden;line-height:1.5}.satori-host #bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.satori-host .crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,6px 100%}.satori-host #app{position:relative;z-index:2;display:flex;flex-direction:column;min-height:100vh;max-width:1400px;margin:0 auto;padding:1rem;padding-bottom:100px}.satori-host header.app-header{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-green);border-radius:8px;box-shadow:var(--glow-shadow);margin-bottom:1.5rem}.satori-host .header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.satori-host .logo-title{font-size:1.4rem;font-weight:700;letter-spacing:2px;color:var(--text-primary);text-shadow:0 0 8px rgba(0,255,65,.6)}.satori-host .pretty-date{font-size:.95rem;color:var(--accent-cyan);text-shadow:0 0 6px rgba(0,229,255,.5)}.satori-host .header-actions{display:flex;gap:.75rem;align-items:center}.satori-host .cyber-btn{font-family:var(--font-mono);font-size:.95rem;font-weight:700;letter-spacing:1px;padding:.75rem 1.25rem;background:transparent;color:var(--text-primary);border:2px solid var(--text-primary);border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.satori-host .cyber-btn:hover{background:#00ff4126;box-shadow:var(--glow-shadow);transform:translateY(-1px)}.satori-host .cyber-btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.satori-host .cyber-btn.cyan{color:var(--accent-cyan);border-color:var(--accent-cyan)}.satori-host .cyber-btn.cyan:hover{background:#00e5ff26;box-shadow:var(--glow-shadow-cyan)}.satori-host .cyber-btn.magenta{color:var(--accent-magenta);border-color:var(--accent-magenta)}.satori-host .cyber-btn.magenta:hover{background:#ff007f26;box-shadow:var(--glow-shadow-magenta)}.satori-host .view-tabs{display:flex;gap:1rem;border-bottom:1px solid var(--border-green);padding-bottom:.5rem}.satori-host .tab-btn{background:none;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:1rem;font-weight:700;cursor:pointer;padding:.4rem .8rem;transition:color .2s}.satori-host .tab-btn.active{color:var(--text-primary);border-bottom:2px solid var(--text-primary);text-shadow:0 0 6px var(--text-primary)}.satori-host .tab-btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:-2px;border-radius:4px}.satori-host .today-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:900px){.satori-host .today-grid{grid-template-columns:repeat(3,1fr)}}.satori-host .category-col{background:var(--bg-card);border:2px solid var(--border-green);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 0 8px #000c;transition:box-shadow .2s ease,border-color .2s ease}.satori-host .category-col:hover,.satori-host .category-col:focus-within{box-shadow:0 0 16px #00ff4126,0 0 8px #000c}.satori-host .category-col.have_to{border-color:#00ff4166}.satori-host .category-col.need_to{border-color:#00e5ff66}.satori-host .category-col.want_to{border-color:#ff007f66}.satori-host .col-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid var(--border-green)}.satori-host .col-header h3{font-size:1.25rem;letter-spacing:1px;text-transform:uppercase}.satori-host .col-header.have_to h3{color:var(--text-primary)}.satori-host .col-header.need_to h3{color:var(--accent-cyan)}.satori-host .col-header.want_to h3{color:var(--accent-magenta)}.satori-host .badge-count{font-size:.85rem;padding:.2rem .5rem;background:#0009;border:1px solid currentColor;border-radius:12px}.satori-host .task-list{display:flex;flex-direction:column;gap:.8rem;min-height:120px}.satori-host .task-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;min-height:48px;background:#0006;border:1px solid rgba(0,255,65,.15);border-radius:6px;transition:all .2s ease}.satori-host .task-item:hover{background:var(--bg-card-hover);border-color:var(--text-primary)}.satori-host .task-item.done{opacity:.5;text-decoration:line-through}.satori-host .task-left{display:flex;align-items:center;gap:.75rem;flex:1;word-break:break-word}.satori-host .task-text{font-size:1.05rem;font-weight:400;transition:color .2s ease;overflow-wrap:break-word;word-break:break-word;max-width:100%}.satori-host .custom-checkbox-wrapper{cursor:pointer}.satori-host .custom-checkbox-wrapper input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.satori-host .custom-checkbox-wrapper input[type=checkbox]:focus-visible+.checkbox-box{outline:2px solid var(--text-primary);outline-offset:2px}.satori-host .checkbox-box{width:24px;height:24px;border:2px solid var(--text-primary);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;position:relative;background:transparent}.satori-host .check-svg{width:18px;height:18px;stroke:#000;stroke-width:3;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .25s ease-in-out}.satori-host input[type=checkbox]:checked+.checkbox-box{background:var(--text-primary);animation:checkbox-bloom .3s ease-out forwards}.satori-host input[type=checkbox]:checked+.checkbox-box .check-svg{stroke-dashoffset:0}@keyframes checkbox-bloom{0%{box-shadow:0 0 #00ff4100}50%{box-shadow:0 0 12px #00ff41cc}to{box-shadow:0 0 8px #00ff4180}}@media(prefers-reduced-motion:reduce){.satori-host .check-svg{transition:none}.satori-host input[type=checkbox]:checked+.checkbox-box{animation:none;box-shadow:0 0 8px #00ff4180}}.satori-host .task-actions{display:flex;gap:.5rem;flex-shrink:0;margin-top:2px;opacity:.8}.satori-host .icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:.2rem;transition:color .2s}.satori-host .icon-btn:hover{color:var(--text-primary)}.satori-host .icon-btn.delete:hover{color:var(--accent-magenta)}.satori-host .icon-btn:focus-visible{outline:2px solid var(--text-primary);border-radius:4px}.satori-host .fab-add{position:fixed;bottom:115px;right:1.5rem;z-index:10;width:64px;height:64px;border-radius:50%;background:#0a0a0a;border:3px solid var(--text-primary);color:var(--text-primary);font-size:2.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 20px #00ff4199;transition:transform .2s,box-shadow .2s}.satori-host .fab-add:hover{transform:scale(1.1);box-shadow:0 0 28px #00ff41e6}.satori-host .fab-add:focus-visible{outline:3px solid var(--text-primary);outline-offset:4px}.satori-host .bottom-nav{position:fixed;bottom:0;left:0;width:100vw;height:90px;background:var(--bg-card);border-top:1px solid var(--border-green);z-index:9;display:flex;justify-content:space-around;align-items:center}.satori-host .nav-item{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:none;border:none;color:#7a9e7a;font-family:var(--font-mono);font-size:.95rem;font-weight:700;cursor:pointer;position:relative;transition:transform .15s ease,color .2s ease,text-shadow .2s ease,background .2s ease}.satori-host .nav-item span[aria-hidden=true]{font-size:1.8rem}.satori-host .nav-item span:last-child{white-space:nowrap}.satori-host .nav-item:hover{background:#00ff410d;color:#9ecc9e}@media(prefers-reduced-motion:no-preference){.satori-host .nav-item:active{transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.satori-host .nav-item:active{background:#00ff411a}}.satori-host .nav-item.active{color:var(--text-primary);text-shadow:0 0 10px var(--text-primary);background:#00ff4114}.satori-host .nav-item.active:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:4px;background:var(--text-primary);box-shadow:0 0 12px var(--text-primary)}.satori-host .nav-item:focus-visible{outline:3px solid var(--text-primary);outline-offset:-3px}.satori-host .modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.satori-host .modal-card{background:var(--bg-card);border:1px solid var(--border-green);border-radius:8px;padding:1.5rem;width:100%;max-width:440px;box-shadow:var(--glow-shadow);display:flex;flex-direction:column;gap:1.2rem}.satori-host .modal-card h2{font-size:1.3rem;color:var(--text-primary);letter-spacing:1px}.satori-host .cyber-input{width:100%;padding:.75rem;background:#0009;border:1px solid var(--border-green);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;outline:none}.satori-host .cyber-input:focus{border-color:var(--text-primary);box-shadow:var(--glow-shadow)}.satori-host .cyber-select{width:100%;padding:.75rem;background:#0009;border:1px solid var(--border-green);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;outline:none}.satori-host #celebration-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:200;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}.satori-host #celebration-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:201}.satori-host .celebration-msg{position:relative;z-index:202;text-align:center;color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:3px;text-shadow:0 0 20px #00ff41,0 0 40px #00ff41,0 0 60px #00e5ff;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}.satori-host .hidden{display:none!important}.satori-host .status-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;text-align:center;background:#0006;border:1px solid var(--border-green);border-radius:8px;padding:2rem}.satori-host .terminal-loader{font-size:1.2rem;color:var(--text-primary);letter-spacing:2px;text-shadow:0 0 8px var(--text-primary)}.satori-host .cursor{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.satori-host .error-panel{display:flex;flex-direction:column;align-items:center;max-width:400px}