*,:before,:after{box-sizing:border-box}body{background:#f8fafc;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{isolation:isolate;max-width:1200px;min-height:100vh;margin:0 auto;padding:1rem;position:relative}.page.theme-light{color:#0f172a}.page.theme-dark{color:#e2e8f0}.topbar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.topbar-title{min-width:0}.app-greeting{flex-direction:column;gap:.15rem;min-width:0;margin-top:.25rem;display:flex}.app-greeting-primary{overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:.98rem;line-height:1.15}.app-greeting-secondary{overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:.82rem;line-height:1.25}.todays-progress-bar{background:#64748b38;border-radius:999px;width:100%;height:6px;margin-top:.35rem;overflow:hidden}.todays-progress-fill{background:#2563eb;width:0%;height:100%;transition:width .2s}.theme-dark .todays-progress-bar{background:#60a5fa2e}.theme-dark .todays-progress-fill{background:#60a5fa}.topbar h1{margin:0 0 .35rem;font-size:clamp(1.2rem,4vw,1.7rem)}.topbar p{color:#475569;margin:0}.theme-dark .topbar p{color:#a7b6cc}.auth-box{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.top-action-btn{justify-content:center;align-items:center;min-width:110px;height:44px;display:inline-flex}.single-grid{grid-template-columns:1fr;gap:1rem;display:grid}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #dbe3f0;border-radius:1rem;flex-direction:column;gap:.65rem;min-width:0;padding:1rem;display:flex}.theme-dark{color:#e2e8f0}.page.theme-dark:before{content:"";z-index:-1;background:linear-gradient(160deg,#0b1220 0%,#101827 100%);position:fixed;inset:0}.theme-dark .card{background:#0f172ab8;border-color:#2d3d56}.card h2{margin:0 0 .2rem;font-size:1rem}.quick-nav{grid-template-columns:auto 1fr;align-items:center;gap:.5rem;margin-bottom:.8rem;display:grid}.quick-nav>:nth-child(2){justify-self:end}.icon-btn{padding:.55rem .7rem;font-size:.88rem}.current-pill{overflow-wrap:anywhere;border:1px solid #dbe3f0;border-radius:999px;max-width:100%;padding:.3rem .55rem;font-size:.82rem}.list{flex-direction:column;gap:.55rem;max-height:42vh;padding-right:.2rem;display:flex;overflow:auto}.item{text-align:left;cursor:pointer;background:#f8fbff;border:1px solid #dae4f2;border-radius:.8rem;width:100%;min-width:0;padding:.7rem}.item.active{color:#fff;background:#0f172a;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40}.theme-dark .item{color:#e2e8f0;background:#1e293b;border-color:#334155}.theme-dark .item.active{background:#172554;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa59}.item.active .badge{background:#2563eb}.item.active .muted,.item.active small{color:#cbd5e1}.select-btn{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0}.badge-row{justify-content:space-between;align-items:center;margin-top:.35rem;display:flex}.badge{color:#fff;background:#ef4444;border-radius:999px;padding:.1rem .45rem;font-size:.75rem}input,textarea{width:100%;font:inherit;background:#fff;border:1px solid #cfd8e6;border-radius:.75rem;padding:.72rem}.theme-dark input,.theme-dark textarea{color:#e2e8f0;background:#0f172a;border-color:#334155}textarea{resize:vertical;min-height:95px}.btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:.75rem;padding:.7rem .95rem;font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:#334155}.btn.secondary{background:#1d4ed8}.actions{gap:.45rem;margin-top:.45rem;display:flex}.action-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.6rem;padding:.28rem .45rem;font-size:.75rem}.theme-dark .action-btn{color:#e2e8f0;background:#1e293b;border-color:#334155}.action-btn.danger{color:#dc2626}.stack{flex-direction:column;gap:.45rem;display:flex}.editor-card .entries{grid-template-columns:1fr;gap:.55rem;display:grid}.editor-card-empty{min-width:0}.desktop-words-panel{display:none}.panel-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.entry{background:#f8fbff;border:1px dashed #bfccde;border-radius:.75rem;padding:.65rem}.theme-dark .entry{background:#1e293b;border-color:#334155}.entry.filled{border-style:solid}.entry span{font-size:.85rem;font-weight:600}.entry p{overflow-wrap:anywhere;margin:.35rem 0}.entry small{color:#64748b}.word-head .title,.bold{font-weight:700}.muted{color:#64748b}.theme-dark .muted{color:#9fb0c8}.progress{color:#475569;margin-top:.35rem;font-size:.82rem}.progress-indicator{color:#475569;flex-direction:column;gap:.35rem;margin-top:.35rem;font-size:.82rem;display:flex}.progress-text{font-weight:600}.progress-bar{background:#64748b40;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-fill{background:#2563eb;width:0%;height:100%;transition:width .2s}.theme-dark .progress-indicator{color:#9fb0c8}.theme-dark .progress-bar{background:#60a5fa2e}.theme-dark .progress-fill{background:#60a5fa}.pending-dot{vertical-align:middle;background:#f59e0b;border:1px solid #eab30873;border-radius:999px;width:6px;height:6px;margin-right:.25rem;display:inline-block;box-shadow:0 0 0 2px #eab30824}.text-overflow{overflow-wrap:anywhere;word-break:break-word}.footer{color:#475569;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:.85rem;font-size:.85rem;display:flex}.footer .site-footer-built{flex-direction:row;gap:.5rem}.landing-page{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:1rem;display:flex}.landing-topbar{align-items:flex-start;margin-bottom:0}.landing-hero-brand{min-width:0}.landing-hero-title{letter-spacing:-.02em;margin:0 0 .35rem;font-size:clamp(1.35rem,4.5vw,1.85rem);font-weight:800;line-height:1.2}.landing-sparkle{margin-left:.2rem;font-style:normal;font-weight:400;display:inline-block}.landing-slogan{margin:0;font-size:.88rem;line-height:1.4}.landing-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1.5rem 0 2rem;display:flex}.landing-card{width:100%;max-width:28rem}.empty-state-card{align-self:center;margin-inline:auto}.landing-card-elevated{background:linear-gradient(165deg,#fffffff2 0%,#f8fbfffa 45%,#f1f5fff2 100%);border-color:#94a3b838;border-radius:1.25rem;padding:1.35rem 1.5rem 1.5rem;box-shadow:0 4px 6px -1px #0f172a14,0 12px 24px -6px #0f172a1f,0 0 0 1px #94a3b81f}.theme-dark .landing-card-elevated{background:linear-gradient(165deg,#1e293beb 0%,#0f172ae0 50%,#1725548c 100%);border-color:#334155a6;box-shadow:0 4px 6px -1px #00000059,0 16px 32px -8px #00000073,0 0 0 1px #94a3b81f}.landing-lead-primary{margin:0 0 .5rem;font-size:1rem;font-weight:600;line-height:1.5}.landing-lead-secondary{margin:0 0 .85rem;font-size:.92rem;line-height:1.5}.landing-challenge{color:#1d4ed8;margin:0 0 1.15rem;font-size:.88rem;font-weight:600;line-height:1.45}.theme-dark .landing-challenge{color:#93c5fd}.landing-features{text-align:left;flex-direction:column;gap:.55rem;margin:0 0 1.35rem;padding:0;font-size:.88rem;list-style:none;display:flex}.landing-feature{background:#ffffff73;border:1px solid #94a3b833;border-radius:.65rem;align-items:center;gap:.55rem;padding:.45rem .6rem;display:flex}.theme-dark .landing-feature{background:#0f172a80;border-color:#334155a6}.landing-feature-icon{flex-shrink:0;font-size:1.05rem;line-height:1}.landing-cta-wrap{justify-content:center;width:100%;display:flex}.landing-signin{width:100%;max-width:18rem}.btn-landing-cta{transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #0f172a38}.btn-landing-cta:hover{transform:translateY(-1px);box-shadow:0 8px 22px #0f172a47}.theme-dark .btn-landing-cta{box-shadow:0 4px 18px #00000073}.theme-dark .btn-landing-cta:hover{box-shadow:0 8px 26px #0000008c}.theme-toggle-btn{align-items:center;gap:.4rem;display:inline-flex}.theme-toggle-icon{font-size:1.05rem;line-height:1}.theme-toggle-text{font-size:.82rem;font-weight:600}.site-footer-built{text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex}.landing-page .site-footer-built,.landing-page-credit{width:100%;margin-top:.75rem;padding-top:.25rem}.site-credit-line{letter-spacing:.02em;opacity:.55;color:inherit;margin:0;font-size:.72rem}.site-credit-link{opacity:.6;color:inherit;border-bottom:1px solid #0000;font-size:.68rem;text-decoration:none;transition:opacity .15s,border-color .15s}.site-credit-link:hover{opacity:.95;border-bottom-color:currentColor}.landing-lead{margin:0 0 .65rem;line-height:1.55}.theme-dark .footer,.theme-dark .progress,.theme-dark .entry small{color:#9fb0c8}.theme-dark .pending-dot{background:#fbbf24;border-color:#f59e0b80;box-shadow:0 0 0 2px #f59e0b2e}.entry-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.entry-delete{color:#fecaca;cursor:pointer;background:#ef444414;border:1px solid #ef444459;border-radius:.6rem;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;line-height:1;display:flex}.entry-delete:hover{background:#ef444424}.theme-dark .entry-delete{color:#fecaca;background:#ef44441f;border-color:#ef444480}.overlay{opacity:0;visibility:hidden;z-index:25;background:#02081780;transition:all .2s;position:fixed;inset:0}.overlay.show{opacity:1;visibility:visible}.modal-backdrop{z-index:60;background:#0208178c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#0f172a;background:#f8fbffeb;border:1px solid #dbe3f0;border-radius:1rem;width:min(92vw,460px);padding:1.1rem 1.15rem;box-shadow:0 14px 45px #00000040}.theme-dark .modal{color:#e2e8f0;background:#0f172aeb;border-color:#334155}.modal-title{margin:0;font-size:1.05rem}.modal-text{color:#475569;margin:.6rem 0 0}.theme-dark .modal-text{color:#9fb0c8}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.btn.danger{background:#dc2626}.btn.danger:hover{background:#b91c1c}.drawer{width:76vw;max-width:390px;height:100dvh;padding:.85rem;padding-bottom:calc(.85rem + env(safe-area-inset-bottom));z-index:30;background:#f8fbff;border-right:1px solid #dbe3f0;flex-direction:column;gap:.65rem;transition:transform .2s;display:flex;position:fixed;top:0;left:0;transform:translate(-102%)}.drawer .list{flex:1;max-height:none}.theme-dark .drawer{background:#0f172a;border-color:#334155}.drawer.right{border-left:1px solid #dbe3f0;border-right:none;left:auto;right:0;transform:translate(102%)}.drawer.right .list{flex:1;max-height:none}.theme-dark .drawer.right{border-left-color:#334155}.drawer.open,.drawer.right.open{transform:translate(0)}.drawer-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.drawer-head h2{margin:0}@media (width>=900px){.page{padding-inline:1.5rem}.topbar{gap:1.25rem}.single-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);align-items:start}.desktop-words-panel{display:flex}.desktop-words-panel .list{max-height:72vh}.editor-card .entries{grid-template-columns:1fr 1fr}.drawer{width:360px;max-width:360px;height:100vh}}@media (width<=640px){.page,.landing-page{padding:.75rem}.topbar{gap:.55rem}.auth-box{flex-wrap:nowrap;gap:.45rem}.top-action-btn{min-width:96px;height:40px;padding:.55rem .7rem;font-size:.9rem}.theme-toggle-btn{gap:.3rem}.theme-toggle-text{font-size:.76rem}.topbar h1,.landing-hero-title{overflow-wrap:anywhere;word-break:break-word}.quick-nav{grid-template-columns:auto 1fr;gap:.45rem}.landing-main{justify-content:flex-start;gap:.6rem;padding:.85rem 0 1.2rem}.landing-card{max-width:100%}.landing-card-elevated{padding:1rem}.footer{text-align:center}.drawer{width:76vw}}