@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@500;700;900&family=Sora:wght@400;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{margin:0;padding:0}#root{min-height:100svh}:root{--bg:#eaf0fb;--ink:#101a35;--accent:#2653eb;--accent-soft:#d7e0fb;--mint:#b9f0d0;--mint-ink:#14563a;--peach:#ffd9b8;--peach-ink:#8a4a12;--coral:#ff5d5d;--coral-soft:#ffd6d6;--card:#fff;--muted:#78829c;--display:"Unbounded", system-ui, sans-serif;--body:"Sora", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--ink);font-family:var(--body);min-height:100vh;margin:0}@media (width>=700px){body{background:radial-gradient(640px circle at 10% 6%, #2653eb1f, transparent 60%), radial-gradient(520px circle at 90% 14%, #b9f0d066, transparent 55%), radial-gradient(680px circle at 92% 94%, #ffd9b866, transparent 55%), radial-gradient(520px circle at 4% 92%, #ff5d5d17, transparent 55%), var(--bg);background-attachment:fixed}}button,input,select{font:inherit;color:inherit}.wrap{max-width:560px;margin:0 auto;padding:20px 16px 100px}@media (width>=700px){.wrap{max-width:720px;padding-top:48px}}@media (width>=1040px){.wrap{max-width:min(94vw,1440px)}}.wordmark{align-items:center;gap:7px;display:flex}.wordmark-icon{flex-shrink:0;width:20px;height:20px}header.app-header{margin-bottom:18px}header.app-header h1{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:900}header.app-header p.sub{color:#5f6a85;margin:4px 0 0;font-size:13px;font-weight:600}header.app-header .header-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}header.app-header .signout{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:12px;font-weight:700}.invite-note{color:#5f6a85;margin:4px 0 0;font-size:13px;font-weight:600}.invite-note button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.hh-root{display:inline-block;position:relative}.hh-switch{font-family:var(--body);color:#5f6a85;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin:3px 0 0;padding:3px 0;font-size:13px;font-weight:700;display:inline-flex}.hh-switch:hover{color:var(--accent)}.hh-switch svg{flex-shrink:0;transition:transform .15s}.hh-switch[aria-expanded=true]{color:var(--accent)}.hh-switch[aria-expanded=true] svg{transform:rotate(180deg)}.hh-panel{background:var(--card);z-index:50;opacity:0;pointer-events:none;border-radius:20px;width:290px;padding:8px;transition:opacity .14s,transform .14s;position:absolute;top:30px;left:0;transform:translateY(-6px)scale(.98);box-shadow:0 12px 32px #101a352e}.hh-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.hh-list{flex-direction:column;gap:2px;display:flex}.hh-row{cursor:pointer;border-radius:13px;align-items:center;gap:10px;padding:9px 8px;display:flex}.hh-row:hover{background:var(--bg)}.hh-row.active{background:var(--accent-soft)}.hh-avatar{background:var(--bg);width:28px;height:28px;color:var(--accent);font-family:var(--display);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.hh-row.active .hh-avatar{background:var(--accent);color:#fff}.hh-name{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:700;overflow:hidden}.hh-check{color:var(--accent);flex-shrink:0;display:none}.hh-row.active .hh-check{display:flex}.hh-edit{color:var(--muted);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;display:flex}.hh-edit:hover{color:var(--accent);background:var(--bg)}.hh-error{color:var(--coral);margin:2px 8px 4px;font-size:11px;font-weight:700}.hh-rename{align-items:center;gap:6px;padding:6px 8px;display:flex}.hh-rename input{background:var(--bg);border:2px solid var(--accent);min-width:0;font-family:var(--body);color:var(--ink);border-radius:10px;flex:1;padding:6px 9px;font-size:13px;font-weight:600}.hh-rename button{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;display:flex}.hh-rename .confirm{color:var(--accent)}.hh-rename .cancel{color:var(--muted);font-size:16px;line-height:1}.hh-rename .confirm:hover,.hh-rename .cancel:hover{background:var(--bg)}.hh-rename button:disabled,.hh-rename input:disabled{opacity:.5;cursor:default}.hh-divider{background:#eef1fa;height:1px;margin:6px 4px}.hh-add{cursor:pointer;width:100%;font-family:var(--body);color:var(--accent);background:0 0;border:none;border-radius:13px;align-items:center;gap:10px;padding:9px 8px;font-size:13px;font-weight:700;display:flex}.hh-add:hover{background:var(--bg)}.hh-add .plus-icon{width:28px;height:28px;color:var(--accent);border:2px dashed #b6c5e8;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hero{background:var(--ink);color:#fff;border-radius:28px;margin-bottom:18px;padding:22px 20px;position:relative;overflow:hidden}.hero:after{content:"";background:var(--accent);opacity:.35;filter:blur(10px);border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.hero .label{text-transform:uppercase;letter-spacing:.14em;color:#a9bdfb;z-index:1;margin:0 0 6px;font-size:11px;font-weight:700;position:relative}.hero .big{font-family:var(--display);z-index:1;margin:0;font-size:44px;font-weight:900;line-height:1;position:relative}.hero .big span{font-size:18px;font-weight:700}.hero .what{color:#eef2ff;z-index:1;align-items:center;gap:7px;margin:8px 0 0;font-size:14px;font-weight:600;display:flex;position:relative}.tabs{background:#ffffffa8;border-radius:16px;gap:6px;margin-bottom:16px;padding:5px;display:flex}.tabs a,.tabs button{text-align:center;color:var(--muted);font-family:var(--body);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;padding:10px 8px;font-size:13px;font-weight:700;text-decoration:none}.tabs a.active,.tabs button.active{background:var(--ink);color:#fff}.section-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.section-icon{background:var(--accent-soft);width:26px;height:26px;color:var(--accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.section-head h3{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;margin:0;font-size:14px;font-weight:700;overflow:hidden}.section-name-edit{cursor:pointer;border-radius:4px}.section-name-edit:hover,.section-name-edit:focus-visible{color:var(--accent);outline:none}.section-add{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:3px;display:flex}.section-add:hover{color:var(--accent)}.section-count{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:11px;font-weight:700}.board{align-items:flex-start;gap:20px;display:flex}.board-column{flex-direction:column;flex:1 1 0;gap:20px;min-width:0;display:flex}.board-col{background:#ffffffa8;border-radius:18px;padding:16px}.col-cards{flex-direction:column;gap:8px;display:flex}.empty-mini{color:var(--muted);margin:0;padding:2px 0;font-size:12px;font-weight:600}.board-add{color:var(--muted);font-family:var(--body);cursor:pointer;background:0 0;border:2px dashed #b6c5e8;border-radius:18px;justify-content:center;align-items:center;min-height:60px;padding:16px;font-size:13px;font-weight:700;display:flex}.templates+.board-add{margin-top:16px}.cards{flex-direction:column;gap:10px;display:flex}.item{background:var(--card);cursor:pointer;border-radius:22px;align-items:center;gap:12px;padding:14px 16px;transition:transform 80ms;display:flex}.item:active{transform:scale(.985)}.item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.item-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.item .info{flex:1;min-width:0}.item .name{font-size:15px;font-weight:700}.item .meta{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600}.count-pill{text-align:center;border-radius:16px;flex-shrink:0;min-width:64px;padding:9px 12px}.count-pill .n{font-family:var(--display);font-size:20px;font-weight:700;line-height:1}.count-pill .u{text-transform:uppercase;letter-spacing:.05em;margin-top:3px;font-size:10px;font-weight:700}.count-pill.ok{background:var(--mint);color:var(--mint-ink)}.count-pill.soon{background:var(--peach);color:var(--peach-ink)}.count-pill.late{background:var(--coral-soft);color:var(--coral)}.item .actions{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.item .actions button{cursor:pointer;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex}.item .actions button.done{color:var(--accent)}.empty{text-align:center;color:var(--muted);padding:30px 16px;font-size:14px;font-weight:600}.empty p{margin:0 0 16px}.templates{flex-direction:column;gap:10px;display:flex}.template{background:var(--card);cursor:pointer;text-align:left;font-family:var(--body);border:none;border-radius:20px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.template .t-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.template .t-info{flex:1;min-width:0}.template .t-name{color:var(--ink);font-size:15px;font-weight:700}.template .t-sub{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600}.template .t-add{color:var(--accent);font-size:13px;font-weight:700}.fab{background:var(--accent);color:#fff;font-family:var(--display);cursor:pointer;z-index:20;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:700;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #2653eb66}.fab:active{transform:translate(-50%)scale(.96)}.sheet-backdrop{z-index:30;background:#101a3580;position:fixed;inset:0}.sheet{background:var(--card);z-index:40;border-radius:28px 28px 0 0;max-width:560px;max-height:88vh;margin:0 auto;padding:22px 20px 30px;animation:.22s sheet-in;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.sheet-close{background:var(--bg);width:30px;height:30px;color:var(--muted);cursor:pointer;z-index:1;border:none;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.sheet-close:hover{color:var(--ink)}@keyframes sheet-in{0%{transform:translateY(105%)}to{transform:translateY(0)}}@media (width>=700px){.sheet{border-radius:28px;width:480px;max-width:90vw;animation:.18s sheet-in-desktop;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 24px 64px #101a3547}@keyframes sheet-in-desktop{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}}.sheet h2{font-family:var(--display);margin:0 0 4px;font-size:17px;font-weight:700}.sheet .hint{color:var(--muted);margin:0 0 14px;font-size:12px;font-weight:600}.sheet label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:12px 0 5px;font-size:11px;font-weight:700;display:block}.sheet select,.sheet input,.sheet textarea{background:var(--bg);width:100%;font-family:var(--body);color:var(--ink);border:2px solid #0000;border-radius:14px;padding:12px 14px;font-size:14px;font-weight:600}.sheet .field-row{align-items:stretch;gap:8px;display:flex}.sheet .field-row select{flex:1;width:auto;min-width:0}.field-add-btn{background:var(--accent-soft);width:44px;color:var(--accent);cursor:pointer;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.field-add-btn:hover{background:var(--accent);color:#fff}.sheet textarea{resize:vertical;min-height:70px}.sheet select:focus,.sheet input:focus,.sheet textarea:focus{border-color:var(--accent);outline:none}.sheet .save{background:var(--ink);color:#fff;width:100%;font-family:var(--display);cursor:pointer;border:none;border-radius:16px;margin-top:18px;padding:15px;font-size:14px;font-weight:700}.sheet .save:disabled{opacity:.5;cursor:default}.sheet .error{color:var(--coral);margin-top:10px;font-size:12px;font-weight:700}.sheet .link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.sheet .link-btn.danger{color:var(--coral);margin:14px auto 0;display:block}.sheet .link-btn:disabled{opacity:.5;cursor:default}.icon-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.icon-opt{aspect-ratio:1;background:var(--bg);cursor:pointer;color:var(--muted);border:2px solid #0000;border-radius:13px;justify-content:center;align-items:center;padding:0;display:flex}.icon-opt.sel{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-card{z-index:2;background:var(--card);border-radius:28px;width:100%;max-width:380px;padding:28px 24px;position:relative;box-shadow:0 20px 50px #101a351f}.login-teaser{z-index:1;pointer-events:none;filter:blur(.6px);justify-content:center;align-items:center;padding:56px;display:none;position:absolute;inset:0}.teaser-stack{filter:grayscale(35%);opacity:.7;flex-direction:column;gap:20px;width:100%;max-width:960px;display:flex}.teaser-hero{width:320px;margin-bottom:0}.teaser-board{grid-template-columns:repeat(4,1fr);gap:22px;width:100%;display:grid}.teaser-col{flex-direction:column;display:flex}.skel{background:var(--muted);opacity:.4;border-radius:5px;display:block}.skel-light{opacity:.35;background:#fff}.skel-title{height:10px}.skel-name{height:9px}.skel-meta{opacity:.28;height:7px;margin-top:6px}@media (width>=1040px){.login-teaser{display:flex}}.login-teaser-mobile{z-index:1;pointer-events:none;filter:blur(.5px);display:none;position:absolute;inset:0}.mob-teaser-top{justify-content:center;padding:0 16px;display:flex;position:absolute;top:26px;left:0;right:0}.mob-teaser-top .teaser-hero{opacity:.85;width:100%;max-width:300px}.mob-teaser-top .teaser-hero .big{font-size:28px}.mob-teaser-top .teaser-hero .label{margin-bottom:4px;font-size:10px}.mob-teaser-bottom{justify-content:center;padding:0 16px;display:flex;position:absolute;bottom:22px;left:0;right:0}.mob-items{filter:grayscale(35%);opacity:.68;flex-direction:column;gap:7px;width:100%;max-width:300px;display:flex}.mob-items .item{border-radius:15px;padding:9px 12px;box-shadow:0 6px 16px #101a350f}.mob-items .item-icon{width:27px;height:27px}@media (width>=340px) and (width<=1039.98px){.login-teaser-mobile{display:block}}.auth-card h1{font-family:var(--display);margin:0 0 4px;font-size:26px;font-weight:900}.auth-card p.sub{color:var(--muted);margin:0 0 20px;font-size:13px;font-weight:600}.auth-card label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:12px 0 5px;font-size:11px;font-weight:700;display:block}.auth-card input{background:var(--bg);width:100%;font-family:var(--body);color:var(--ink);border:2px solid #0000;border-radius:14px;padding:12px 14px;font-size:14px;font-weight:600}.auth-card input:focus{border-color:var(--accent);outline:none}.auth-card .submit{background:var(--accent);color:#fff;width:100%;font-family:var(--display);cursor:pointer;border:none;border-radius:16px;margin-top:18px;padding:15px;font-size:14px;font-weight:700}.auth-card .submit:disabled{opacity:.5;cursor:default}.auth-card .switch{text-align:center;color:var(--muted);margin-top:16px;font-size:13px;font-weight:600}.auth-card .switch button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.auth-card .error{color:var(--coral);margin-top:12px;font-size:12px;font-weight:700}.onboard-choice{flex-direction:column;gap:10px;margin-top:8px;display:flex}.onboard-choice button{background:var(--bg);text-align:left;font-family:var(--body);cursor:pointer;border:2px solid #0000;border-radius:16px;padding:14px 16px}.onboard-choice button.active{border-color:var(--accent);background:var(--accent-soft)}.onboard-choice .name{font-size:14px;font-weight:700}.onboard-choice .desc{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600}.invite-code{background:var(--bg);font-family:var(--display);letter-spacing:.1em;text-align:center;border-radius:14px;margin-top:10px;padding:12px 14px;font-size:16px;font-weight:700}.history-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.history-row{color:var(--muted);border-bottom:1px solid var(--bg);justify-content:space-between;padding:8px 0;font-size:13px;font-weight:600;display:flex}.history-row span:first-child{color:var(--ink)}@media (width>=1040px){.cards,.templates{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.hero{padding:38px 44px}.hero .big{font-size:60px}}@media (prefers-reduced-motion:reduce){.sheet,.item{transition:none;animation:none}}