:root{--cream:#fbf5ea;--cream-deep:#f3ead9;--surface:#fffdf8;--cell:#efe6d4;--line:#e7dcc7;--line-strong:#d8c9ad;--navy:#1f2a4c;--navy-soft:#3b4668;--muted:#5d6478;--gold:#e3a13b;--gold-dark:#c4842a;--gold-soft:#fbebc9;--gold-text:#8a5a12;--blue-soft:#e4f0f9;--blue-line:#5e9fd3;--blue-text:#245f8f;--blue-1:#d3e6f4;--blue-2:#8fbde2;--blue-3:#2f6f9f;--green-soft:#e0efd8;--green-text:#3a6f34;--red:#b3341f;--red-soft:#f9e1dc;--radius-sm:10px;--radius:14px;--radius-lg:20px;--shadow:0 1px 2px #1f2a4c0f, 0 4px 14px #1f2a4c0f;--focus:0 0 0 3px #fff, 0 0 0 5px #2f6f9f;--font-body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-head:"Fredoka", "Figtree", system-ui, sans-serif;--nav-h:76px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--navy);background:var(--cream-deep);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45}*,:before,:after{box-sizing:border-box}body{background:var(--cream-deep);min-height:100dvh;margin:0}#root{min-height:100dvh}h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:-.005em;margin:0;font-weight:600;line-height:1.2}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--blue-text)}img{max-width:100%}:focus-visible{box-shadow:var(--focus);outline:none}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--navy);color:#fff;border-radius:var(--radius-sm);padding:10px 14px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{background:var(--cream);max-width:1180px;min-height:100dvh;margin:0 auto}.app-main{padding-bottom:calc(var(--nav-h) + 24px + env(safe-area-inset-bottom));min-width:0}.page{flex-direction:column;gap:18px;width:100%;max-width:600px;margin:0 auto;padding:18px 16px 24px;display:flex}.page--wide{max-width:820px}.page-head{align-items:center;gap:12px;min-height:44px;display:flex}.page-head h1{font-size:1.5rem}.page-title{font-size:1.85rem}.brand{font-family:var(--font-head);color:var(--navy);align-items:center;gap:8px;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.brand img{object-fit:contain;width:32px;height:40px}.topbar a{text-decoration:none}.topbar{justify-content:space-between;align-items:center;display:flex}.nav{z-index:20;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0}.nav ul{max-width:600px;height:var(--nav-h);grid-template-columns:repeat(5,1fr);align-items:end;margin:0 auto;padding:0 6px;list-style:none;display:grid}.nav-link{color:var(--muted);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:3px;padding:8px 2px 12px;font-size:.72rem;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-link.active{color:var(--navy);font-weight:700}.nav-link .dot{border:2px solid var(--surface);background:#e2643f;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;right:calc(50% - 16px)}.nav-free .nav-plus{background:var(--gold);width:52px;height:52px;color:var(--navy);box-shadow:0 3px 0 var(--gold-dark), var(--shadow);border-radius:16px;place-items:center;margin-top:-18px;display:grid}.nav-free.active .nav-plus{outline:2px solid var(--navy);outline-offset:2px}.nav-brand{display:none}@media (width>=960px){.app-shell{box-shadow:0 0 0 1px var(--line);grid-template-columns:232px 1fr;display:grid}.app-main{padding-bottom:48px}.page{padding:32px 32px 48px}.nav{border-top:0;border-right:1px solid var(--line);height:100dvh;padding:24px 16px;position:sticky;top:0}.nav-brand{margin:0 8px 28px;display:flex}.nav ul{flex-direction:column;align-items:stretch;gap:4px;height:auto;padding:0;display:flex}.nav li:nth-child(3){order:-1;margin-bottom:16px}.nav-link{flex-direction:row;gap:12px;padding:11px 12px;font-size:.98rem}.nav-link:hover,.nav-link.active{background:var(--cream-deep)}.nav-link .dot{top:10px;left:26px;right:auto}.nav-free{background:var(--gold);color:var(--navy);box-shadow:0 3px 0 var(--gold-dark)}.nav-free:hover,.nav-free.active{background:var(--gold)}.nav-free .nav-plus{width:auto;height:auto;box-shadow:none;background:0 0;margin:0;outline:none!important}}.btn{border-radius:var(--radius);text-align:center;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 18px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform 80ms,background-color .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn-block{width:100%}.btn-primary{background:var(--gold);color:var(--navy);box-shadow:0 3px 0 var(--gold-dark)}.btn-primary:hover:not(:disabled){background:#e9ab4a}.btn-primary:disabled{box-shadow:none;color:var(--navy-soft);background:#ecd3a8}.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--navy)}.btn-secondary:hover:not(:disabled){border-color:var(--navy-soft);background:#fff}.btn-outline{background:var(--surface);border-color:var(--navy);color:var(--navy)}.btn-danger{background:var(--surface);border-color:var(--line-strong);color:var(--red)}.btn-sm{border-radius:12px;min-height:40px;padding:6px 14px;font-size:.92rem}.btn-link{color:var(--blue-text);background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;min-height:36px;padding:6px 4px;font-weight:700;text-decoration:none;display:inline-flex}.btn-link:hover{text-decoration:underline}.btn-link.danger{color:var(--red)}.icon-btn{border:1.5px solid var(--line-strong);background:var(--surface);width:44px;height:44px;color:var(--navy);border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn:hover{border-color:var(--navy-soft)}.btn-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-row>.btn{flex:1 1 0}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px}.card h2,.card h3{font-size:1.2rem}.card-status{background:var(--gold-soft);border-color:#0000}.card-ai{background:var(--blue-soft);border:1.5px dashed var(--blue-line)}.card-invite{border:2px solid var(--navy)}.card-link{color:inherit;text-decoration:none;display:block}.card-link:hover{border-color:var(--navy-soft)}.card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.stack-sm{flex-direction:column;gap:6px;display:flex}.section-title{font-family:var(--font-body);justify-content:space-between;align-items:baseline;gap:8px;font-size:1rem;font-weight:700;display:flex}.section-title small,.hint{color:var(--muted);font-size:.84rem;font-weight:500}.muted{color:var(--muted)}.small{font-size:.88rem}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--blue-text);font-size:.72rem;font-weight:800}.big-time{font-family:var(--font-head);font-size:1.9rem;font-weight:600}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.badge-navy{background:var(--navy);color:#fff}.badge-cream{background:var(--surface);color:var(--gold-text)}.badge-blue{color:#fff;background:#3d82b8}.badge-going{background:var(--green-soft);color:var(--green-text)}.badge-not_going{background:var(--red-soft);color:var(--red)}.badge-waiting{background:var(--gold-soft);color:var(--gold-text)}.demo-tag{letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;border:1px solid;border-radius:6px;padding:1px 7px;font-size:.68rem;font-weight:800;display:inline-block}.notice{border-radius:var(--radius);align-items:flex-start;gap:10px;padding:12px 14px;font-size:.9rem;line-height:1.4;display:flex}.notice svg{flex:none;margin-top:2px}.notice-info{background:var(--blue-soft);color:var(--navy)}.notice-warm{background:var(--gold-soft);color:var(--navy)}.notice-green{background:var(--green-soft);color:var(--navy)}.notice-error{background:var(--red-soft);color:#7d2414}.notice-demo{border:1.5px dashed var(--line-strong);color:var(--muted);background:0 0}.field{flex-direction:column;gap:6px;display:flex}.label{font-size:.9rem;font-weight:700}.input{border-radius:var(--radius);border:1.5px solid var(--line-strong);background:var(--surface);width:100%;min-height:48px;padding:10px 14px;font-size:1rem}.input:focus-visible{border-color:var(--blue-3)}.input[aria-invalid=true]{border-color:var(--red)}textarea.input{resize:vertical;min-height:84px}.error-text{color:var(--red);font-size:.86rem;font-weight:600}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-row-3{grid-template-columns:1.2fr 1fr 1fr;gap:10px;display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:8px;padding:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line-strong);background:var(--surface);min-height:42px;color:var(--navy);border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:600}.chip:hover{border-color:var(--navy-soft)}.chip[aria-pressed=true],.chip[aria-checked=true]{background:var(--navy);border-color:var(--navy);color:#fff}.chip-static{background:var(--gold-soft);border:0;min-height:0;padding:4px 12px;font-size:.88rem}.tiles{gap:8px;display:grid}.tiles-3{grid-template-columns:repeat(3,1fr)}.tiles-4{grid-template-columns:repeat(4,1fr);gap:6px}.tiles-4 .tile{font-size:.86rem}.tile{border:1.5px solid var(--line-strong);background:var(--surface);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:8px 6px;font-size:.92rem;font-weight:700;line-height:1.2;display:flex}.tile small{font-size:.74rem;font-weight:500}.tile:hover{border-color:var(--navy-soft)}.tile[aria-checked=true],.tile[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.date-strip{scrollbar-width:none;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.date-strip .tile{flex:0 0 62px;min-height:58px}.date-strip .tile strong{font-size:1.1rem}.segmented{border-radius:var(--radius);background:var(--cell);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{min-height:42px;color:var(--navy-soft);background:0 0;border:0;border-radius:11px;font-weight:700}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{background:var(--surface);color:var(--navy);box-shadow:0 1px 3px #1f2a4c26}.avatar{--size:40px;width:var(--size);height:var(--size);font-weight:800;font-size:calc(var(--size) * .34);color:var(--navy);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;display:grid}.avatar-ring{background:var(--cream);border:2.5px solid #e9774f;border-radius:50%;padding:3px}.avatar-ring.ring-later{border-color:#4a92c8}.avatar-ring.ring-none{border-color:var(--line-strong);border-style:dashed}.story-row{scrollbar-width:none;gap:14px;margin:0 -2px;padding:4px 2px 6px;display:flex;overflow-x:auto}.story{width:70px;color:inherit;background:0 0;border:0;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:4px;padding:2px;text-decoration:none;display:flex}.story .name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;font-weight:700;overflow:hidden}.story .when{color:var(--muted);margin-top:-4px;font-size:.72rem}.story[aria-expanded=true] .avatar-ring{box-shadow:0 0 0 3px var(--navy)}.person-row{align-items:center;gap:12px;padding:10px 0;display:flex}.person-row+.person-row{border-top:1px solid var(--line)}.person-row .grow{flex:1;min-width:0}.person-row .name{font-weight:700}.person-row .sub{color:var(--muted);font-size:.84rem}.check-row{border-radius:var(--radius);border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;align-items:center;gap:12px;padding:10px 14px;display:flex}.check-row:has(input:checked){border-color:var(--navy)}.check-row:has(input:focus-visible){box-shadow:var(--focus)}.check-row.is-busy{background:var(--cream)}.check-row.is-busy .name{color:var(--muted)}.check-row input{width:24px;height:24px;accent-color:var(--navy);flex:none}.list-card{padding:0;overflow:hidden}.list-card>*{padding:14px 16px}.list-card>*+*{border-top:1px solid var(--line)}.list-item-btn{text-align:left;width:100%;color:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;display:flex}.info-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.info-grid .card{border-radius:var(--radius);padding:12px 14px}.info-grid dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:800}.info-grid dd{margin:4px 0 0;font-weight:700}.info-grid dd small{color:var(--muted);font-weight:500;display:block}.activity-option{border-radius:var(--radius);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;align-items:center;gap:12px;padding:10px;display:flex}.activity-option:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);background:#fff6e4}.activity-option:has(input:focus-visible){box-shadow:var(--focus)}.activity-option .grow{flex:1;min-width:0}.activity-option .opt-title{font-family:var(--font-head);font-size:1.05rem;font-weight:600;display:block}.activity-option .opt-line{color:var(--navy-soft);font-size:.84rem;display:block}.activity-option .opt-line.muted{color:var(--muted)}.activity-option input{width:22px;height:22px;accent-color:var(--gold-dark);flex:none}.activity-art{width:76px;height:76px;color:var(--navy);border-radius:12px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.activity-art:before{content:"";background:repeating-linear-gradient(135deg,#ffffff47 0 6px,#0000 6px 12px);position:absolute;inset:0}.activity-art svg{position:relative}.sched-grid{grid-template-columns:30px repeat(7,minmax(0,1fr));align-items:center;gap:4px;display:grid}.sched-grid .col-head{text-align:center;color:var(--navy-soft);font-size:.74rem;font-weight:700}.sched-grid .row-head{color:var(--muted);text-align:right;padding-right:2px;font-size:.7rem}.sched-cell{background:var(--cell);border:0;border-radius:6px;height:24px;padding:0}.sched-cell:hover{outline:2px solid var(--line-strong)}.sched-cell.k-class{background:var(--navy)}.sched-cell.k-commit{background:var(--gold)}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.8rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:12px;height:12px;display:inline-block}.week-grid{grid-template-columns:30px repeat(7,minmax(0,1fr));gap:4px;display:grid}.week-grid .col-head{text-align:center;color:var(--navy-soft);font-size:.72rem;font-weight:600;line-height:1.15}.week-grid .col-head strong{color:var(--navy);font-size:.95rem;display:block}.week-grid .col-head.today strong{color:#c24a24}.week-grid .row-head{color:var(--muted);text-align:right;align-self:center;font-size:.7rem}.wk-cell{background:var(--cell);height:30px;color:var(--navy);border:0;border-radius:7px;padding:0;font-size:.82rem;font-weight:800}.wk-cell.n1{background:var(--blue-1)}.wk-cell.n2{background:var(--blue-2)}.wk-cell.n3{background:var(--blue-3);color:#fff}.wk-cell.busy{background-color:var(--cell);color:var(--navy-soft);background-image:repeating-linear-gradient(135deg,#a0825061 0 2px,#0000 2px 7px)}.wk-cell.past{opacity:.35}.wk-cell[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--navy)}.friend-filter{scrollbar-width:none;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.friend-pill{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:999px;flex:none;align-items:center;gap:6px;min-height:40px;padding:4px 12px 4px 4px;font-size:.88rem;font-weight:700;display:inline-flex}.friend-pill[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.slot-panel{border:2px solid var(--navy)}@media (width>=640px){.wk-cell{height:36px}.sched-cell{height:28px}}.onb{background:var(--cream);flex-direction:column;min-height:100dvh;display:flex}.onb-inner{flex-direction:column;flex:1;gap:18px;width:100%;max-width:560px;margin:0 auto;padding:18px 16px 28px;display:flex}.welcome-hero{background:var(--blue-soft);min-height:330px;position:relative;overflow:hidden}.welcome-hero .hill{background:#9fcd85;border-radius:50%;height:260px;position:absolute;bottom:-120px;left:-10%;right:-10%}.welcome-hero .hill.back{background:#b8dca1;bottom:-90px;left:35%;right:-30%}.welcome-hero .duck{width:170px;position:absolute;bottom:28px;left:50%;transform:translate(-60%)}.welcome-hero .path{color:#e2643f;position:absolute;bottom:92px;right:12%}.sparkle{color:var(--gold);position:absolute}.welcome-body{background:var(--cream);border-radius:28px 28px 0 0;flex-direction:column;flex:1;gap:14px;width:100%;max-width:560px;margin-top:-28px;margin-left:auto;margin-right:auto;padding:28px 20px;display:flex;position:relative}.welcome-body h1{font-size:2.1rem}.welcome-body .spacer{flex:1;min-height:24px}.progress-dots{align-items:center;gap:6px;display:flex}.progress-dots i{background:var(--line-strong);border-radius:3px;width:8px;height:6px}.progress-dots i.on{background:var(--gold);width:22px}.upload-drop{border:2px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;display:flex}.upload-drop.dragging{border-color:var(--blue-line);background:var(--blue-soft)}@media (width>=960px){.welcome{grid-template-columns:1.1fr 1fr;min-height:100dvh;display:grid}.welcome-hero{min-height:100%}.welcome-hero .duck{width:240px;bottom:120px}.welcome-body{border-radius:0;justify-content:center;margin:0;padding:48px}.welcome-body .spacer{flex:0}}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;display:flex}.empty img{width:110px}.empty h2{font-size:1.45rem}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--cell) 0%, #f7f0e3 50%, var(--cell) 100%);background-size:200% 100%;animation:1.3s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-region{left:0;right:0;bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom));pointer-events:none;z-index:50;justify-content:center;padding:0 16px;display:flex;position:fixed}.toast{background:var(--navy);color:#fff;box-shadow:var(--shadow);border-radius:12px;padding:10px 16px;font-size:.92rem;font-weight:600;animation:.2s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (width>=960px){.toast-region{bottom:24px}}.copy-box{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);align-items:center;gap:10px;padding:10px 10px 10px 14px;display:flex}.copy-box .grow{flex:1;min-width:0}.copy-box code{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700;display:block;overflow:hidden}.home-grid{flex-direction:column;gap:18px;display:flex}.divider-label{color:var(--muted);font-size:.84rem;font-weight:700}.inline-icon{align-items:center;gap:6px;display:inline-flex}.confirm-hero{background:var(--blue-soft);border-radius:var(--radius-lg);height:230px;position:relative;overflow:hidden}.confirm-hero .hill{background:#a8d38f;border-radius:50%;height:260px;position:absolute;bottom:-150px;left:-20%;right:-20%}.confirm-hero img{width:130px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.card.list-item-btn{background:var(--surface);border:1px solid var(--line);padding:14px 16px}