@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#00001a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background:radial-gradient(circle,#003 0%,#000 100%);flex-direction:column;min-width:320px;min-height:100vh;margin:0;display:flex;overflow-x:hidden}#tab-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:200;background:linear-gradient(#060316f7 0%,#040210f0 100%);border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:center;align-items:center;padding:10px 20px;transition:background .35s,border-color .35s;display:flex}body:has(#tab-focus.active) #tab-bar{background:linear-gradient(#fce8f0 0%,#fad4e4 100%);border-bottom-color:#e664962e}body:has(#tab-focus.active) #tab-pills{background:#ffffff73;border-color:#dc648c38;transition:background .35s,border-color .35s}body:has(#tab-focus.active) .tab{color:#7a345285}body:has(#tab-focus.active) .tab:hover{color:#641e3cd1;background:#ffffff61}#tab-pills{background:#ffffff0e;border:1px solid #ffffff14;border-radius:50px;gap:4px;padding:4px;display:flex}.tab{color:#ffffff6b;letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:0 0;border:2px solid #0000;border-radius:50px;padding:9px 28px;font-family:Nunito,system-ui,sans-serif;font-size:14px;font-weight:700;transition:all .25s,color .35s}.tab:hover{color:#ffffffc7;background:#ffffff0f}.tab[data-tab=relax].active{color:#e0eeff;background:linear-gradient(135deg,#2e1b6e 0%,#1e3a8a 100%);border-color:#93c5fd47;box-shadow:0 0 18px #6366f173,inset 0 1px #ffffff1f}.tab[data-tab=focus].active{color:#7a2848;background:linear-gradient(135deg,#ffc2d4 0%,#ffaec4 100%);border-color:#ffb6cd80;box-shadow:0 0 14px #ffa0be66,inset 0 1px #fff6}.tab-panel{flex:1;display:none}.tab-panel.active{justify-content:center;align-items:center;display:flex}#app{text-align:center;max-width:1280px;margin:0 auto;padding:2rem;position:relative}canvas{touch-action:none;background-color:#006;border:2px solid #ffffff1a;border-radius:8px;max-width:100%;height:auto;display:block;box-shadow:0 0 30px #0096ff33,inset 0 0 20px #00000080}#game-container{display:inline-block;position:relative}#pause-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;z-index:10;background:#00001ebf;border:2px solid #ffc80066;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s;position:absolute;top:10px;right:10px}#pause-btn:hover{background:#322800e6;border-color:#ffc800e6}#controls{flex-direction:column;align-items:center;gap:10px;margin-top:14px;display:flex}.control-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.control-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;text-align:right;min-width:52px;font-size:13px}#weapon-selector,#ship-selector{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.weapon-btn[data-tooltip]{position:relative}.weapon-btn[data-tooltip]:after{content:attr(data-tooltip);color:#e0f8ff;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;letter-spacing:.02em;background:#00051ef5;border:1px solid #00c8ff73;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:500;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 0 14px #00b4ff33}.weapon-btn[data-tooltip]:before{content:"";pointer-events:none;opacity:0;z-index:100;border:5px solid #0000;border-top-color:#00c8ff73;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)translateY(4px)}.weapon-btn[data-tooltip]:hover:after,.weapon-btn[data-tooltip]:hover:before{opacity:1;transform:translate(-50%)translateY(0)}.weapon-btn,.ship-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000032cc;border:2px solid #fff3;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:15px;transition:border-color .15s,background .15s,box-shadow .15s}.weapon-btn:hover,.ship-btn:hover{background:#000064e6;border-color:#0096ff99}.weapon-btn.active,.ship-btn.active{background:#003296e6;border-color:#00c8ffcc;box-shadow:0 0 12px #0096ff66}#app:before{content:"";z-index:-1;filter:blur(40px);opacity:.15;pointer-events:none;background:linear-gradient(45deg,#f0f,#0ff,#f0f,#0ff);width:820px;height:620px;animation:4s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.1}50%{opacity:.25}}#tab-focus{background-color:#fef0ee;background-image:url(/focus-bg.svg);background-position:bottom;background-repeat:no-repeat;background-size:cover}#tab-focus.active{align-items:stretch;overflow:hidden}#focus-app{z-index:1;flex-direction:row;width:100%;height:100%;font-family:Nunito,system-ui,sans-serif;display:flex;position:relative}.focus-sidebar{flex-direction:column;flex-shrink:0;width:260px;padding:0 0 24px;display:flex;overflow-y:auto}.sidebar-title{color:#5a1830;letter-spacing:-.02em;padding:24px 20px 16px;font-size:22px;font-weight:900}.section-box{cursor:pointer;text-align:center;background-image:repeating-linear-gradient(0deg, transparent, transparent 14px, var(--grid-c) 14px, var(--grid-c) 15px), repeating-linear-gradient(90deg, transparent, transparent 14px, var(--grid-c) 14px, var(--grid-c) 15px);box-shadow:0 4px 16px var(--shadow-c);border:2.5px solid;border-radius:18px;margin:8px 14px;padding:18px 14px 14px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;position:relative;overflow:hidden}.section-box:hover{box-shadow:0 12px 28px var(--shadow-c);transform:translateY(-5px)scale(1.025)}.section-box:active{transform:scale(.97)}.section-box-notes{--grid-c:#c8466e12;--shadow-c:#c8466e2e;background-color:#fde4ec;border-color:#be466e59}.section-box-lists{--grid-c:#32965012;--shadow-c:#32965026;background-color:#e6f7e6;border-color:#32965059}.section-box-study{--grid-c:#4285f412;--shadow-c:#4285f42e;background-color:#e8f0fe;border-color:#4285f459}.box-decor{pointer-events:none;opacity:.85;font-size:30px;line-height:1;position:absolute}.box-decor-tl{top:2px;left:4px;transform:rotate(-12deg)}.box-decor-br{bottom:2px;right:4px;transform:rotate(12deg)}.section-box-inner{z-index:1;position:relative}.section-box-icon{margin-bottom:5px;font-size:26px;display:block}.section-box-title{letter-spacing:.01em;font-size:19px;font-weight:900}.section-box-notes .section-box-title{color:#5a1830}.section-box-lists .section-box-title{color:#1a4f2e}.section-box-study .section-box-title{color:#1a3a6b}.section-box-count{margin-top:4px;font-size:13px;font-weight:700}.section-box-notes .section-box-count{color:#5a18309e}.section-box-lists .section-box-count{color:#1a4f2e9e}.section-box-study .section-box-count{color:#1a3a6b9e}.sidebar-drill-top{justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 10px;display:flex}.sidebar-back-btn{cursor:pointer;color:#7a3452;background:0 0;border:none;border-radius:10px;align-items:center;gap:4px;padding:7px 10px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;transition:background .15s;display:flex}.sidebar-back-btn:hover{background:#dc50781a}.sidebar-add-btn{color:#6a2040;cursor:pointer;white-space:nowrap;background:#f5c0d0;border:none;border-radius:20px;padding:8px 16px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #b43c642e}.sidebar-add-btn:hover{transform:translateY(-2px);box-shadow:0 5px 14px #b43c6440}.focus-section-list{flex-direction:column;gap:7px;padding:4px 12px 12px;display:flex}.section-empty{color:#5a183066;text-align:center;padding:10px 6px;font-size:14px;font-style:italic;font-weight:600}.focus-note-item{cursor:pointer;background:var(--item-color,#ffd6e0);border:2px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:11px 14px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,border-color .15s;animation:.22s cubic-bezier(.34,1.56,.64,1) both chip-pop;display:flex;box-shadow:0 3px 9px #0000001a,0 1px 3px #0000000f}@keyframes chip-pop{0%{opacity:0;transform:scale(.85)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.focus-note-item:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 20px #00000021}.focus-note-item.active{border-color:#0000003d;transform:translateY(-2px);box-shadow:0 6px 18px #00000024}.note-item-emoji{flex-shrink:0;font-size:20px;line-height:1}.note-item-info{flex-direction:column;min-width:0;display:flex}.note-item-title{color:#19080fe0;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.note-item-preview{color:#19080f85;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;font-weight:600;overflow:hidden}.focus-detail{flex-direction:column;flex:1;align-items:center;padding:44px 36px 72px;display:flex;overflow-y:auto}.detail-mobile-back{display:none}.detail-placeholder{color:#5a183061;text-align:center;flex-direction:column;align-items:center;padding-top:90px;display:flex}.detail-placeholder-icon{margin-bottom:18px;font-size:56px;animation:3s ease-in-out infinite float;display:block}.detail-placeholder p{margin:0;font-size:17px;font-weight:700}.detail-card-wrap{width:100%;max-width:700px}.detail-card-wrap .note-card{border-radius:24px;box-shadow:0 8px 32px #0000001c,0 20px 52px #00000014}.detail-card-wrap .note-inner{padding:38px 34px 24px}.detail-card-wrap .note-title{margin-bottom:18px;padding-bottom:14px;font-size:26px}.detail-card-wrap .note-content{min-height:220px;font-size:17px}.detail-card-wrap .card-corner{font-size:30px}.detail-card-wrap .card-corner-tl{top:10px;left:14px}.detail-card-wrap .card-corner-br{bottom:14px;right:14px}.detail-card-wrap .check-text{font-size:17px}.detail-card-wrap .check-cb{width:22px;height:22px}.detail-card-wrap .check-item{margin-bottom:10px}.note-card.theme-rose{background:repeating-linear-gradient(0deg, transparent, transparent 27px, #d250781a 27px, #d250781a 28px), repeating-linear-gradient(90deg, transparent, transparent 27px, #d250781a 27px, #d250781a 28px), var(--note-color,#fff0f5);border:2px solid #d2507838}.note-card.theme-strawberry{background:var(--note-color,#fff8f8);box-shadow:inset 0 0 0 6px var(--note-color,#fff8f8), inset 0 0 0 8px #dc5a6e26;border:2px solid #dc5a6e40}.note-card.theme-unicorn{background:linear-gradient(145deg, #edfaf68c 0%, #f5eeff8c 55%, #ffeef88c 100%), var(--note-color,#f5eeff);border:2px solid #a064dc33}.note-card.theme-stars{background:radial-gradient(circle, #ffd23238 1.5px, transparent 1.5px) 0 0 / 22px 22px, var(--note-color,#fffdf0);border:2px solid #dcb43240}.note-card.theme-garden{background:repeating-linear-gradient(0deg, transparent, transparent 27px, #50b4641a 27px, #50b4641a 28px), repeating-linear-gradient(90deg, transparent, transparent 27px, #50b4641a 27px, #50b4641a 28px), var(--note-color,#f4fdf0);border:2px solid #50b46438}.note-card.theme-clouds{background:radial-gradient(circle, #64b4ff2e 2px, transparent 2px) 0 0 / 20px 20px, linear-gradient(160deg, #eef6ff80 0%, #e8f8f880 100%), var(--note-color,#eef6ff);border:2px solid #64aae638}.card-corner{pointer-events:none;z-index:3;opacity:.88;font-size:22px;line-height:1;position:absolute}.card-corner-tl{top:10px;left:12px;transform:rotate(-12deg)}.card-corner-br{bottom:10px;right:12px;transform:rotate(12deg)}.theme-rose .note-content,.theme-strawberry .note-content{background-image:repeating-linear-gradient(#0000 0 27px,#d250781f 27px 28px);line-height:28px}.theme-garden .note-content,.theme-clouds .note-content{background-image:repeating-linear-gradient(#0000 0 27px,#50a0641f 27px 28px);line-height:28px}.theme-unicorn .note-content{background-image:repeating-linear-gradient(#0000 0 27px,#a064dc1a 27px 28px);line-height:28px}.note-card{background:var(--note-color,#fff3b0);break-inside:avoid;border-radius:18px;animation:.25s cubic-bezier(.34,1.56,.64,1) card-pop;position:relative;overflow:hidden}@keyframes card-pop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.note-card:before{content:"";background:#00000014;height:5px;display:block}.note-inner{padding:16px 18px 14px}.note-title{box-sizing:border-box;color:#1c0a12;background:0 0;border:none;border-bottom:2px dashed #00000029;outline:none;width:100%;margin-bottom:12px;padding:0 0 8px;font-family:Nunito,sans-serif;font-size:18px;font-weight:900;display:block}.note-title::placeholder{color:#0000004d}.note-content{box-sizing:border-box;color:#2e1020;resize:none;background:0 0;border:none;outline:none;width:100%;min-height:70px;padding:0;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;line-height:1.7;display:block;overflow:hidden}.note-content::placeholder{color:#0000004d}.checklist{margin:0;padding:0;list-style:none}.check-item{align-items:center;gap:10px;margin-bottom:6px;display:flex}.check-cb{appearance:none;cursor:pointer;background:#ffffff8c;border:2px solid #0000003d;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:background .15s,border-color .15s;position:relative}.check-cb:checked{background:#0000002e;border-color:#00000061}.check-cb:checked:after{content:"✓";color:#0009;justify-content:center;align-items:center;padding-top:1px;font-size:11px;font-weight:900;display:flex;position:absolute;inset:0}.check-text{color:#2e1020;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;transition:opacity .15s}.check-text::placeholder{color:#0000004d}.check-text.done{opacity:.45;text-decoration:line-through}.check-del{color:#00000038;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:17px;line-height:1;transition:color .15s}.check-del:hover{color:#b4000080}.check-nav{color:#00000052;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:20px;font-weight:700;line-height:1;transition:color .15s,transform .15s}.check-nav:hover{color:#4285f4d9;transform:translate(2px)}.step-sub-back-btn{color:#1a3a6b;cursor:pointer;background:#4285f41f;border:none;border-radius:20px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:16px;padding:10px 18px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 2px 8px #4285f426}.step-sub-back-btn:hover{background:#4285f433;transform:translate(-2px)}.btn-add-item{color:#0000006b;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:7px 0 2px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:color .15s;display:flex}.btn-add-item:hover{color:#000000b3}.note-footer{border-top:2px dashed #0000001c;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.note-emoji-btn{cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1;transition:transform .2s}.note-emoji-btn:hover{transform:scale(1.35)rotate(-10deg)}.note-colors{align-items:center;gap:6px;display:flex}.color-dot{cursor:pointer;border:2.5px solid #0000;border-radius:50%;width:16px;height:16px;padding:0;transition:transform .15s,border-color .15s;box-shadow:0 1px 4px #00000026}.color-dot:hover{transform:scale(1.28)}.color-dot.active{border-color:#0000007a;transform:scale(1.12)}.note-del-btn{cursor:pointer;opacity:.38;background:0 0;border:none;padding:0;font-size:18px;line-height:1;transition:opacity .15s,transform .15s}.note-del-btn:hover{opacity:.82;transform:scale(1.18)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (width<=640px){#tab-focus.active{overflow:hidden}#focus-app{flex-direction:column;height:100%}.focus-sidebar{flex-shrink:0;width:100%}#focus-app:has(.detail-card-wrap) .focus-sidebar{display:none}#focus-app:has(.detail-placeholder) .focus-detail{display:none}.focus-detail{flex:1;padding:12px 14px 48px}.detail-mobile-back{color:#6a2040;cursor:pointer;background:#f5c0d0b3;border:none;border-radius:20px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:16px;padding:10px 18px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;display:flex;box-shadow:0 2px 8px #b43c6426}.section-box{margin:8px 10px}.detail-card-wrap .note-inner{padding:20px 18px 16px}.detail-card-wrap .note-title{font-size:21px}.detail-card-wrap .note-content{min-height:140px;font-size:15px}.detail-card-wrap .check-text{font-size:15px}}@media (width>=641px) and (width<=900px){.focus-sidebar{width:210px}.focus-detail{padding:28px 20px 60px}.section-box{margin:8px 10px}}