.cad-app{background:var(--cream);min-height:100dvh;color:var(--ink);flex-direction:column;display:flex}.cad-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 22px;display:flex}.cad-screen-inner{flex-direction:column;width:100%;max-width:420px;display:flex}.cad-screen-top{justify-content:flex-start;padding-top:72px}.cad-display{font-family:var(--font-display);letter-spacing:-.03em;font-weight:800;line-height:1.05}.cad-h1{font-family:var(--font-display);letter-spacing:-.03em;font-size:32px;font-weight:800;line-height:1.1}.cad-h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:700}.cad-eyebrow{font-family:var(--font-display);letter-spacing:.26em;text-transform:uppercase;color:var(--pencil);font-size:11px;font-weight:600}.cad-muted{color:var(--pencil)}.cad-lede{color:var(--pencil);font-size:16px;line-height:1.6}.cad-error-text{color:#c0392b;font-size:13px;line-height:1.5}.cad-center{text-align:center}.cad-btn{font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px 22px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s,opacity .2s;display:inline-flex}.cad-btn:hover:not(:disabled){transform:translateY(-1px)}.cad-btn:disabled{opacity:.45;cursor:not-allowed}.cad-btn-primary{background:var(--ink);color:var(--cream)}.cad-btn-primary:hover:not(:disabled){background:#000}.cad-btn-secondary{color:var(--ink);border:1px solid var(--ink);background:0 0}.cad-btn-ghost{color:var(--pencil);background:0 0;border:none;width:auto;padding:10px 12px}.cad-btn-ghost:hover:not(:disabled){color:var(--ink)}.cad-btn-teal{background:var(--teal);color:var(--ink)}.cad-btn-danger{color:#c0392b;background:0 0;border:1px solid #c0392b66}.cad-btn-danger:hover:not(:disabled){background:#c0392b0f}.cad-btn-sm{width:auto;padding:10px 16px;font-size:14px}.cad-btn-stack{flex-direction:column;gap:12px;width:100%;display:flex}.cad-field{flex-direction:column;gap:8px;width:100%;display:flex}.cad-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--pencil);font-size:11px;font-weight:700}.cad-input,.cad-textarea{width:100%;font-family:var(--body);color:var(--ink);background:var(--surface);border:1px solid var(--hairline-strong);border-radius:12px;outline:none;padding:14px 16px;font-size:16px;transition:border-color .15s}.cad-input:focus,.cad-textarea:focus{border-color:var(--ink)}.cad-textarea{resize:vertical;min-height:96px;line-height:1.5}.cad-input::placeholder,.cad-textarea::placeholder{color:#b8b2a6}.cad-card{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:16px;padding:24px}.cad-hairline{background:var(--hairline);border:none;height:1px}.cad-pill{color:var(--ink);cursor:pointer;white-space:nowrap;background:#1a1a1a0d;border:none;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.cad-pill-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.cad-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--pencil);background:#1a1a1a0f;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.cad-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:inline-flex}.cad-brand{align-items:center;gap:10px;display:inline-flex}.cad-brand svg{width:auto;height:30px}.cad-brand-wm{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);font-size:28px;font-weight:800;line-height:1}.cad-topbar{z-index:30;background:var(--cream);border-bottom:1px solid var(--hairline);flex:none;align-items:center;gap:12px;padding:14px 20px;display:flex;position:relative}.cad-topbar-spacer{flex:1}.cad-iconbtn{width:40px;height:40px;color:var(--ink);cursor:pointer;background:#1a1a1a0d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.cad-iconbtn:hover{background:#1a1a1a1a}.cad-iconbtn-teal{background:var(--teal)}.cad-iconbtn-teal:hover{background:#3cbcb3}.cad-planner{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.cad-board{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.cad-band{border:none;border-radius:0;flex-direction:column;flex:1 1 0;min-height:0;transition:flex-grow .32s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden}.cad-board.has-expanded .cad-band:not(.expanded){flex:none}.cad-board.has-expanded .cad-band.expanded{flex:auto}.cad-band-head{cursor:pointer;text-align:left;background:0 0;border:none;flex:auto;align-items:center;gap:14px;width:100%;min-height:52px;padding:0 clamp(20px,5vw,56px);display:flex}.cad-board.has-expanded .cad-band-head{flex:none;min-height:52px;padding:0 22px}.cad-band-day{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;align-items:center;gap:12px;font-size:clamp(28px,5.5vw,56px);font-weight:800;line-height:1;display:flex}.cad-board.has-expanded .cad-band-day{gap:9px;font-size:18px}.cad-band-date{letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:clamp(11px,1.4vw,13px);font-weight:600}.cad-band-count{letter-spacing:.08em;opacity:.9;margin-left:auto;font-size:13px;font-weight:700}.cad-today-dot{background:var(--teal);border-radius:50%;flex-shrink:0;width:10px;height:10px}.cad-band-body{background:var(--cream);flex-direction:column;flex:auto;gap:2px;min-height:0;padding:6px 18px 16px;display:flex;overflow-y:auto}.cad-task{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;padding:11px 6px;display:flex}.cad-task:last-child{border-bottom:none}.cad-check{border:1.5px solid var(--pencil);cursor:pointer;color:#fff;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,border-color .15s;display:inline-flex}.cad-check-done{background:var(--teal);border-color:var(--teal)}.cad-task-text{flex:1;font-size:15px;line-height:1.4}.cad-task-done .cad-task-text{color:var(--pencil);text-decoration:line-through}.cad-task-by{color:var(--pencil);font-size:11px}.cad-task-del{color:var(--pencil);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;padding:4px;transition:opacity .15s,color .15s}.cad-task:hover .cad-task-del{opacity:1}.cad-task-del:hover{color:#c0392b}.cad-addrow{align-items:center;gap:10px;padding:10px 6px 4px;display:flex}.cad-addrow input{color:var(--ink);font-size:15px;font-family:var(--body);background:0 0;border:none;outline:none;flex:1}.cad-empty-day{color:var(--pencil);padding:14px 6px;font-size:14px}.cad-overlay{z-index:60;background:#1a1a1a66;justify-content:center;align-items:flex-end;animation:.2s cadFade;display:flex;position:fixed;inset:0}@media (min-width:640px){.cad-overlay{align-items:center}}@keyframes cadFade{0%{opacity:0}to{opacity:1}}.cad-sheet{background:var(--cream);border-radius:22px 22px 0 0;width:100%;max-width:480px;max-height:90dvh;padding:24px 22px 32px;animation:.25s cubic-bezier(.2,.8,.2,1) cadSlideUp;overflow-y:auto}@media (min-width:640px){.cad-sheet{border-radius:22px}}@keyframes cadSlideUp{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.cad-sheet-handle{background:var(--hairline-strong);border-radius:999px;width:40px;height:4px;margin:0 auto 18px}.cad-sheet-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:16px;font-size:22px;font-weight:800}.cad-drawer-overlay{z-index:70;background:#1a1a1a66;animation:.2s cadFade;display:flex;position:fixed;inset:0}.cad-drawer{background:var(--cream);flex-direction:column;width:86%;max-width:340px;height:100%;padding:22px 20px;animation:.25s cubic-bezier(.2,.8,.2,1) cadSlideRight;display:flex;overflow-y:auto}@keyframes cadSlideRight{0%{opacity:.6;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.cad-drawer-row{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:13px 10px;font-size:15px;display:flex}.cad-drawer-row:hover{background:#1a1a1a0d}.cad-theme-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;display:grid}.cad-theme-swatch{cursor:pointer;border:2px solid #0000;border-radius:14px;height:76px;padding:0;position:relative;overflow:hidden}.cad-theme-swatch.selected{border-color:var(--ink)}.cad-theme-swatch span{text-align:center;color:#fff;text-transform:capitalize;text-shadow:0 1px 2px #0000004d;font-size:11px;font-weight:700;position:absolute;bottom:6px;left:0;right:0}.cad-segmented{background:#1a1a1a0d;border-radius:999px;gap:4px;padding:4px;display:flex}.cad-segmented button{cursor:pointer;color:var(--pencil);font-size:14px;font-weight:600;font-family:var(--body);background:0 0;border:none;border-radius:999px;flex:1;padding:9px 14px}.cad-segmented button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000014}.cad-radio{border:1px solid var(--hairline-strong);cursor:pointer;background:var(--surface);text-align:left;border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.cad-radio.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.cad-radio-dot{border:2px solid var(--pencil);border-radius:50%;flex-shrink:0;width:18px;height:18px}.cad-radio.selected .cad-radio-dot{border-color:var(--ink);background:radial-gradient(circle, var(--teal) 0 40%, transparent 45%)}.cad-mood-row{justify-content:space-between;gap:8px;display:flex}.cad-mood{border:1px solid var(--hairline-strong);background:var(--surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;transition:transform .15s,border-color .15s;display:flex}.cad-mood:hover{transform:scale(1.08)}.cad-mood.selected{border-color:var(--ink);background:#4ecdc41f}.cad-toast-wrap{z-index:90;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;bottom:24px;left:0;right:0}.cad-toast{background:var(--ink);color:var(--cream);pointer-events:auto;border-radius:999px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:600;animation:.2s cadSlideUp;display:flex;box-shadow:0 8px 24px #0003}.cad-toast button{color:var(--teal);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700}.cad-spinner{border:3px solid var(--hairline-strong);border-top-color:var(--ink);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite cadSpin}@keyframes cadSpin{to{transform:rotate(360deg)}}.cad-loading{flex:1;justify-content:center;align-items:center;min-height:50dvh;display:flex}.cad-bars{align-items:flex-end;gap:8px;height:90px;display:flex}.cad-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.cad-bar{background:var(--teal);border-radius:6px 6px 0 0;width:100%;max-width:22px;min-height:3px}.cad-bar-empty{background:var(--hairline-strong)}.cad-bar-label{color:var(--pencil);font-size:10px;font-weight:700}.cad-back{cursor:pointer;color:var(--pencil);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:8px;padding:8px 0;font-size:14px;font-weight:600;display:inline-flex}.cad-back:hover{color:var(--ink)}.cad-list{flex-direction:column;display:flex}.cad-list-row{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;padding:14px 4px;display:flex}.cad-list-row:last-child{border-bottom:none}.cad-row-main{flex:1;min-width:0}.cad-row-title{font-size:15px;font-weight:600}.cad-row-sub{color:var(--pencil);margin-top:2px;font-size:13px}.cad-stack-lg{flex-direction:column;gap:20px;display:flex}.cad-stack-md{flex-direction:column;gap:14px;display:flex}.cad-stack-sm{flex-direction:column;gap:8px;display:flex}.cad-row{align-items:center;gap:12px;display:flex}.cad-grow{flex:1}