:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6ecee;background:#020203;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{background:#020203;min-width:280px;margin:0}button,input,textarea{font:inherit}.app{color:#f6ecee;background:radial-gradient(at top,#1a070b 0%,#090405 42%,#020203 78%);flex-direction:column;min-height:100dvh;display:flex}.topbar{align-items:center;gap:.9rem;padding:1rem 1.25rem .5rem;display:flex}.sharingan{filter:drop-shadow(0 0 10px #960e1d88)drop-shadow(0 0 28px #53020a66);flex:none;width:46px;height:46px;animation:18s linear infinite spin}.brand h1{letter-spacing:.01em;margin:0;font-size:1.25rem;font-weight:640}.brand p,.status,.hint,footer{color:#b7a4a8;margin:0;font-size:.88rem}.status{margin-left:auto}.layout{flex:1;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:1rem;width:min(1120px,100% - 2rem);margin:.5rem auto 1rem;display:grid}.sidebar,.panel,.empty{background:#12080ae0;border:1px solid #3a1820;border-radius:14px;padding:1rem}.sidebar h2,.panel h2,.empty h2,.create h3,.add-item h3{margin:0 0 .75rem;font-size:.95rem;font-weight:640}.module-list,.item-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.module-link{text-align:left;background:0 0;border-color:#0000;justify-content:space-between;gap:.6rem;width:100%;display:flex}.module-link.active{background:#3a1218;border-color:#8d2a38}.module-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.module-type{color:#e7b3bb;font-size:.75rem}.create,.add-item,.module-form{gap:.65rem;display:grid}.create{border-top:1px solid #3a1820;margin-top:1rem;padding-top:1rem}label{color:#b7a4a8;gap:.3rem;font-size:.82rem;display:grid}input,textarea,button{font:inherit;color:#f6ecee}input,textarea{background:#100608;border:1px solid #4a222a;border-radius:8px;width:100%;padding:.45rem .6rem}textarea{resize:vertical;min-height:7rem}textarea.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}button{cursor:pointer;white-space:nowrap;background:#2a1218;border:1px solid #6a3038;border-radius:8px;padding:.4rem .75rem}button.primary{background:#960e1d;border-color:#c4364a}button.danger{color:#ffb4be;background:0 0}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #e23b4e}.field-row{grid-template-columns:1.4fr .8fr;gap:.75rem;display:grid}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.items{gap:.75rem;margin-top:1.25rem;display:grid}.item{border-top:1px solid #3a1820;gap:.55rem;padding:.75rem 0;display:grid}.item-key code,code{color:#f0c7cd}.task{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.task>input{flex:12rem;width:auto;min-width:0}.check{color:#f6ecee;align-items:center;gap:.55rem;display:flex}.check input{width:auto}.banner{background:#2a1218;border:1px solid #6a3038;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;width:min(1120px,100% - 2rem);margin:.4rem auto 0;padding:.6rem .8rem;display:flex}.banner.error{background:#3a1016;border-color:#a33}.empty{align-self:start}.empty p{color:#d9c4c8;max-width:42rem;margin:.4rem 0 0}details summary{cursor:pointer;margin-bottom:.45rem}footer{padding:.4rem 1.25rem 1rem}footer a{color:#e7b3bb}.error-text{color:#ffb4be}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=800px){.layout,.field-row{grid-template-columns:1fr}.status{display:none}}@media (prefers-reduced-motion:reduce){.sharingan{animation:none}}