:root{--bg: #fff4d6;--ink: #2f2a3d;--surface: #ffffff;--surface-soft: #fff9ec;--yellow: #ffc93c;--yellow-soft: #ffe7a0;--blue: #5fb0ec;--blue-soft: #c4e6fb;--pink: #ff93be;--pink-soft: #ffd2e3;--green: #6cc04a;--green-soft: #cdeeba;--orange: #ff9f45;--orange-soft: #ffd9b0;--red: #ff5d62;--red-soft: #ffc4c6;--muted: #8a8595;--radius: 20px;--border-w: 2.5px;--shadow: 4px 4px 0 var(--ink);--shadow-sm: 3px 3px 0 var(--ink);font-family:"Baloo 2",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(var(--yellow-soft) 1.4px,transparent 1.4px),radial-gradient(var(--yellow-soft) 1.4px,transparent 1.4px);background-size:32px 32px;background-position:0 0,16px 16px;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Lilita One,"Baloo 2",cursive;font-weight:400;letter-spacing:.5px}.app{max-width:880px;margin:0 auto;padding:28px 20px 64px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.header h1{margin:0;font-size:2rem;color:var(--ink)}.subtitle{margin:2px 0 0;color:var(--muted);font-weight:600;font-size:.95rem}.header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.btn{font-family:"Baloo 2",sans-serif;border:var(--border-w) solid var(--ink);border-radius:14px;padding:9px 16px;font-size:.95rem;font-weight:700;cursor:pointer;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .08s,box-shadow .08s,background .15s}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn.sm{padding:5px 11px;font-size:.82rem;border-radius:11px;box-shadow:2px 2px 0 var(--ink)}.btn.lg{padding:13px 28px;font-size:1.1rem}.btn.primary{background:var(--blue);color:#fff}.btn.ghost{background:var(--surface)}.btn.ghost.danger:hover{background:var(--red-soft)}.btn.active-bell{background:var(--green);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.back-link{font-family:"Baloo 2",sans-serif;background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:12px;color:var(--ink);cursor:pointer;font-size:.88rem;font-weight:700;padding:6px 14px;margin-bottom:16px;box-shadow:var(--shadow-sm);transition:transform .08s,box-shadow .08s}.back-link:hover{transform:translate(-1px,-1px)}.back-link:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.stats{display:grid;grid-template-columns:repeat(4,1fr) 1.6fr;gap:12px;margin-bottom:22px}.stat-card{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-sm)}.stat-value{font-family:Lilita One,cursive;font-size:1.7rem;line-height:1.1}.stat-label{font-size:.8rem;color:var(--muted);font-weight:600}.stat-card.green{background:var(--green-soft)}.stat-card.amber{background:var(--yellow-soft)}.stat-card.red{background:var(--red-soft)}.progress-card{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:8px;box-shadow:var(--shadow-sm)}.progress-label{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted);font-weight:700}.progress-bar{height:12px;background:var(--bg);border:2px solid var(--ink);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--pink);transition:width .3s ease}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}.search{flex:1 1 220px;background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:14px;padding:10px 14px;color:var(--ink);font-size:.92rem;font-family:inherit;font-weight:600;box-shadow:var(--shadow-sm)}.search::placeholder{color:var(--muted)}.search:focus{outline:none}.filters{display:flex;gap:6px;flex-wrap:wrap}.chip{font-family:"Baloo 2",sans-serif;background:var(--surface);border:var(--border-w) solid var(--ink);color:var(--ink);border-radius:99px;padding:7px 14px;font-size:.82rem;font-weight:700;cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:transform .08s}.chip:hover{transform:translate(-1px,-1px)}.chip.active{background:var(--yellow)}.sort{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted);font-weight:700}select,input[type=date],input[type=time]{background:var(--surface);border:var(--border-w) solid var(--ink);color:var(--ink);border-radius:12px;padding:8px 10px;font-size:.88rem;font-family:inherit;font-weight:600;box-shadow:2px 2px 0 var(--ink)}select:focus,input:focus,textarea:focus{outline:none}.list{display:flex;flex-direction:column;gap:12px}.card{display:flex;align-items:flex-start;gap:14px;background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--radius);padding:15px 16px;box-shadow:var(--shadow);transition:transform .08s}.card:hover{transform:translate(-1px,-1px)}.card.is-overdue{background:var(--red-soft)}.card.is-done{opacity:.65}.card.is-done .card-title{text-decoration:line-through}.status-dot{flex-shrink:0;width:22px;height:22px;margin-top:2px;border-radius:50%;border:var(--border-w) solid var(--ink);background:var(--surface);cursor:pointer;transition:transform .1s}.status-dot:hover{transform:scale(1.12)}.status-dot.in-progress{background:var(--yellow)}.status-dot.done{background:var(--green)}.card-body{flex:1;min-width:0}.card-top{display:flex;align-items:center;gap:10px;justify-content:space-between}.card-title{margin:0;font-size:1.1rem;word-break:break-word}.card-meta{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:7px;font-size:.82rem;color:var(--muted);font-weight:600;align-items:center}.course{background:var(--blue-soft);border:2px solid var(--ink);padding:2px 9px;border-radius:8px;color:var(--ink)}.due.soon{color:var(--orange);font-weight:700}.due.overdue{color:var(--red);font-weight:800}.status-tag{text-transform:capitalize}.card-notes{margin:8px 0 0;font-size:.86rem;color:var(--ink);white-space:pre-wrap}.badge{font-family:"Baloo 2",sans-serif;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;font-weight:800;padding:3px 9px;border-radius:8px;border:2px solid var(--ink);flex-shrink:0}.priority-low{background:var(--green-soft)}.priority-medium{background:var(--yellow-soft)}.priority-high{background:var(--red-soft)}.card-actions{display:flex;flex-direction:column;gap:6px}.empty{text-align:center;padding:48px 20px;color:var(--muted);background:var(--surface);border:var(--border-w) dashed var(--ink);border-radius:var(--radius);font-weight:600}.empty p{margin:0 0 14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2f2a3d73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:100%;max-width:480px;background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--radius);padding:24px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow)}.form h2{margin:0 0 18px;font-size:1.4rem}.form label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--muted);font-weight:700;margin-bottom:14px}.form input,.form textarea{background:var(--surface-soft);border:var(--border-w) solid var(--ink);border-radius:12px;padding:10px 12px;color:var(--ink);font-size:.92rem;font-family:inherit;font-weight:600}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.home{max-width:760px;margin:0 auto;padding:36px 20px 64px}.home-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.hi{margin:0;font-size:2.6rem;color:var(--ink)}.home-sub{margin:4px 0 0;color:var(--muted);font-weight:600}.tier-card{--tier: var(--yellow);--tier-soft: var(--yellow-soft);display:flex;align-items:center;gap:18px;border:var(--border-w) solid var(--ink);border-radius:26px;padding:20px 24px;margin-bottom:18px;background:var(--tier-soft);box-shadow:var(--shadow)}.tier-yellow{--tier: var(--yellow);--tier-soft: var(--yellow-soft)}.tier-blue{--tier: var(--blue);--tier-soft: var(--blue-soft)}.tier-pink{--tier: var(--pink);--tier-soft: var(--pink-soft)}.tier-orange{--tier: var(--orange);--tier-soft: var(--orange-soft)}.tier-red{--tier: var(--red);--tier-soft: var(--red-soft)}.froggie-wrap{flex-shrink:0;width:132px;height:132px;border-radius:50%;background:var(--surface);border:var(--border-w) solid var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-sm)}.froggie{width:116px;height:116px;object-fit:contain;animation:froggie-bob 3s ease-in-out infinite}@keyframes froggie-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}.tier-text{min-width:0}.tier-level{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#fff;background:var(--tier);border:2px solid var(--ink);padding:2px 10px;border-radius:99px}.tier-headline{margin:8px 0 4px;font-size:1.5rem;line-height:1.1}.tier-message{margin:0;font-weight:600;line-height:1.45}.tier-counts{display:flex;gap:14px;margin-top:10px;font-size:.85rem;color:var(--ink);font-weight:600}.tier-counts strong{font-family:Lilita One,cursive;font-size:1.05rem}.tier-overdue{color:var(--red);font-weight:800}.home-progress{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--radius);padding:16px 18px;margin-bottom:22px;box-shadow:var(--shadow-sm)}.home-progress-label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);font-weight:700;margin-bottom:10px}.nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.nav-tile{font-family:"Baloo 2",sans-serif;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:20px;padding:18px;cursor:pointer;color:var(--ink);box-shadow:var(--shadow);transition:transform .1s,box-shadow .1s}.nav-tile:nth-child(1):hover{background:var(--blue-soft)}.nav-tile:nth-child(2):hover{background:var(--pink-soft)}.nav-tile:nth-child(3):hover{background:var(--yellow-soft)}.nav-tile:nth-child(4):hover{background:var(--green-soft)}.nav-tile:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.nav-tile:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.nav-emoji{font-size:2rem}.nav-title{font-family:Lilita One,cursive;font-size:1.15rem}.nav-desc{font-size:.82rem;color:var(--muted);font-weight:600}.nav-go{margin-top:6px;font-size:.85rem;color:var(--blue);font-weight:800}.home-foot{margin-top:32px;text-align:center;font-size:.85rem;color:var(--muted);font-weight:600}.planner-total{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;background:var(--pink-soft);border:var(--border-w) solid var(--ink);border-radius:16px;padding:8px 14px;box-shadow:var(--shadow-sm)}.planner-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.planner-form .search{flex:1 1 200px}.planner-form .search.slim{flex:0 1 150px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-col{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:14px;padding:8px;min-height:90px;box-shadow:var(--shadow-sm)}.day-head{font-family:Lilita One,cursive;font-size:.85rem;text-align:center;padding-bottom:8px;border-bottom:2px solid var(--ink);margin-bottom:8px}.day-empty{text-align:center;color:var(--muted);font-weight:700}.session{display:flex;gap:6px;background:var(--yellow-soft);border:2px solid var(--ink);border-radius:10px;padding:7px;margin-bottom:6px}.session-done{opacity:.55;background:var(--green-soft)}.session-done .session-title{text-decoration:line-through}.session-check{flex-shrink:0;width:18px;height:18px;border-radius:6px;border:2px solid var(--ink);background:var(--surface);color:var(--ink);cursor:pointer;font-size:.7rem;font-weight:800;line-height:1;padding:0}.session-done .session-check{background:var(--green);color:#fff}.session-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.session-title{font-size:.82rem;font-weight:700;word-break:break-word}.session-course{font-size:.72rem;color:var(--blue);font-weight:700}.session-time{font-size:.72rem;color:var(--muted);font-weight:600}.session-del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.2rem;line-height:1;padding:0;align-self:flex-start}.session-del:hover{color:var(--red)}.pomo-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:28px}.pomo-tab{font-family:"Baloo 2",sans-serif;background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:99px;padding:8px 18px;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:2px 2px 0 var(--ink)}.pomo-tab.active{background:var(--blue);color:#fff}.pomo-stage{position:relative;width:300px;height:300px;margin:0 auto 28px}.pomo-ring{width:100%;height:100%}.ring-bg{fill:var(--surface);stroke:var(--ink);stroke-width:14}.ring-fg{fill:none;stroke:var(--blue);stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset .5s linear}.mode-focus .ring-fg{stroke:var(--pink)}.mode-short .ring-fg{stroke:var(--green)}.mode-long .ring-fg{stroke:var(--blue)}.pomo-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pomo-time{font-family:Lilita One,cursive;font-size:3.6rem;line-height:1}.pomo-mode{font-weight:700;color:var(--muted);margin-top:4px}.pomo-controls{display:flex;justify-content:center;gap:12px}.pomo-count{text-align:center;margin-top:20px;font-weight:700;color:var(--muted)}.pomo-sound{display:flex;justify-content:center;margin-top:14px}.pomo-test{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:12px}.pomo-test-label{font-size:.82rem;font-weight:700;color:var(--muted)}.env-page{transition:background-color .5s}.env-page.env-cafe{background-color:#fbe7d2}.env-page.env-rain,.env-page.env-rainmusic{background-color:#dbeefb}.env-page.env-white{background-color:#f4f4f6}.env-page.env-pink{background-color:#fde3ee}.env-page.env-brown{background-color:#efe4d6}.env-page.env-silence{background-color:#eceaf2}.yt-host{margin:18px 0 6px;border:var(--border-w) solid var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);line-height:0}.yt-host iframe{display:block;width:100%}.yt-hidden{display:none}.env-silence{margin:22px 0;padding:28px 20px;text-align:center;font-weight:700;color:var(--muted);background:var(--surface);border:var(--border-w) dashed var(--ink);border-radius:var(--radius)}.env-note{margin:10px 0 0;font-size:.78rem;color:var(--muted);font-weight:600}.now-playing{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;flex-direction:column;gap:8px;background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:16px;padding:10px;box-shadow:var(--shadow);width:200px;transform:translateY(160%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}.now-playing.show{transform:translateY(0);opacity:1;pointer-events:auto}.np-video{width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;border:2px solid var(--ink);line-height:0}.np-video-hidden{height:0;aspect-ratio:auto;border:none}.np-yt,.np-yt iframe{width:100%;height:100%;display:block}.np-info{display:flex;align-items:center;gap:8px}.np-label{flex:1;font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-vol{width:56px}.np-stop{background:var(--red-soft);border:2px solid var(--ink);border-radius:8px;cursor:pointer;font-size:.85rem;line-height:1;padding:4px 7px}.np-stop:hover{background:var(--red)}@media (max-width: 680px){.now-playing{right:10px;bottom:10px;width:168px}}.env-detected{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:12px;padding:8px 14px;font-weight:700;font-size:.88rem;box-shadow:var(--shadow-sm);display:inline-block}.env-section-title{margin:20px 0 10px;font-size:1.1rem}.env-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.env-card{font-family:"Baloo 2",sans-serif;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:18px;padding:16px;cursor:pointer;color:var(--ink);box-shadow:var(--shadow);transition:transform .1s,box-shadow .1s}.env-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.env-card.active{background:var(--yellow-soft);transform:translate(-1px,-1px)}.env-emoji{font-size:1.8rem}.env-name{font-family:Lilita One,cursive;font-size:1.1rem}.env-desc{font-size:.78rem;color:var(--muted);font-weight:600}.identity-row{display:flex;gap:10px;flex-wrap:wrap}.identity-chip{font-family:"Baloo 2",sans-serif;background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:99px;padding:9px 18px;font-size:.92rem;font-weight:700;cursor:pointer;box-shadow:2px 2px 0 var(--ink)}.identity-chip.active{background:var(--pink);color:#fff}.identity-desc{margin:8px 0 0;color:var(--muted);font-weight:600;font-size:.88rem}.env-player{display:flex;align-items:center;gap:18px;margin-top:26px;flex-wrap:wrap}.env-volume{display:flex;align-items:center;gap:8px;flex:1 1 180px}.env-volume input[type=range]{flex:1;accent-color:var(--pink)}.env-visual{display:flex;align-items:center;gap:12px;margin-top:20px;font-weight:700;color:var(--ink)}.env-pulse{width:16px;height:16px;border-radius:50%;background:var(--green);border:2px solid var(--ink);animation:env-pulse 1.4s ease-in-out infinite}@keyframes env-pulse{0%,to{transform:scale(.85);opacity:.6}50%{transform:scale(1.2);opacity:1}}@media (max-width: 680px){.env-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.progress-card{grid-column:1 / -1}.header{flex-direction:column;align-items:stretch}.nav-grid,.week-grid{grid-template-columns:1fr}.day-col{min-height:auto}.tier-card{flex-direction:column;text-align:center}.tier-counts{justify-content:center}.hi{font-size:2.1rem}}.home-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex-shrink:0}.signed-in-as{margin:-8px 0 16px;font-size:.82rem;font-weight:700;color:var(--green)}.auth-modal h2{margin:0 0 6px;font-size:1.5rem}.auth-blurb{margin:0 0 18px;color:var(--muted);font-weight:600;font-size:.9rem}.auth-error{color:var(--red);font-weight:700;font-size:.85rem;margin:4px 0}.auth-info{color:var(--green);font-weight:700;font-size:.85rem;margin:4px 0}.auth-switch{margin:16px 0 0;text-align:center;font-size:.88rem;color:var(--muted);font-weight:600}.auth-link{background:none;border:none;color:var(--blue);font-weight:800;cursor:pointer;font-family:inherit;font-size:.88rem;padding:0;text-decoration:underline}.auth-forgot{display:block;margin:-6px 0 4px;font-size:.82rem}