@import"https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&family=Architects+Daughter&display=swap";:root{--ink-900:#060606;--ink-800:#0a0a0a;--ink-700:#0d0d0d;--ink-600:#111111;--ink-500:#232323;--wash-800:#0d0d0d;--wash-700:#141414;--wash-600:#1a1a1a;--paper:#ece9e2;--paper-muted:rgba(236,233,226,.62);--paper-faint:rgba(236,233,226,.38);--pastel-pink:#f6adbf;--pastel-lavender:#c3b0f2;--pastel-blue:#a3cbee;--pastel-mint:#9fe0bd;--pastel-yellow:#f2e3a6;--pastel-peach:#ffcfa6;--pastel-spectrum:linear-gradient(120deg,var(--pastel-pink),var(--pastel-lavender),var(--pastel-blue),var(--pastel-mint),var(--pastel-yellow),var(--pastel-peach),var(--pastel-pink));--scratch-black:var(--ink-600);--scratch-black-deep:var(--ink-800);--ink:var(--paper);--surface-page:var(--ink-800);--surface-panel:var(--ink-700);--surface-card:var(--ink-600);--surface-field:var(--ink-700);--surface-accent:var(--pastel-spectrum);--surface-hover:var(--wash-600);--text-body:var(--paper);--text-muted:var(--paper-muted);--text-faint:var(--paper-faint);--text-on-accent:var(--ink-900);--text-done:var(--pastel-mint);--border-hairline:var(--ink-500);--border-accent:var(--pastel-spectrum);--outline-active:var(--pastel-yellow);--danger-accent:linear-gradient(120deg,var(--pastel-pink),var(--wash-700))}:root{--font-hand-heading:"Kalam",cursive;--font-hand-body:"Architects Daughter",cursive;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--weight-regular:400;--weight-bold:700;--text-xs:.8rem;--text-sm:.9rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--leading-tight:1.2;--leading-body:1.5;--tracking-heading:.5px}:root{--space-1:.35rem;--space-2:.5rem;--space-3:.65rem;--space-4:.75rem;--space-5:1rem;--space-6:1.3rem;--space-8:1.5rem;--space-12:3rem;--app-max-width:480px;--app-padding-block:1.5rem;--app-padding-inline:1rem;--app-padding-bottom:3rem}:root{--radius-card:.75rem 1.5rem .75rem 1.5rem;--radius-pill:1rem;--radius-sm:.75rem;--border-width:2px;--shadow-card:0 2px 8px rgba(0,0,0,.6);--shadow-card-hover:0 6px 18px rgba(195,176,242,.22);--texture-hatch-page:repeating-linear-gradient(115deg,rgba(236,233,226,.022) 0px,rgba(236,233,226,.022) 1px,transparent 1px,transparent 6px);--texture-hatch-card:repeating-linear-gradient(115deg,rgba(236,233,226,.03) 0px,rgba(236,233,226,.03) 1px,transparent 1px,transparent 4px);--texture-hatch-ink:repeating-linear-gradient(115deg,rgba(0,0,0,.12) 0px,rgba(0,0,0,.12) 1px,transparent 1px,transparent 5px);--glow-page:radial-gradient(circle at 15% 20%,rgba(246,173,191,.14),transparent 40%),radial-gradient(circle at 85% 15%,rgba(163,203,238,.14),transparent 40%),radial-gradient(circle at 50% 90%,rgba(159,224,189,.12),transparent 40%);--dur-fast:.2s;--dur-base:.3s;--dur-slow:.5s;--dur-shimmer:8s;--ease-standard:ease;--lift-hover:translateY(-3px);--tilt-hover:rotate(-1deg)}*{box-sizing:border-box}body{margin:0;background-color:var(--surface-page);background-image:var(--glow-page),var(--texture-hatch-page);color:var(--text-body);font-family:var(--font-hand-body)}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}a{color:var(--pastel-blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--pastel-lavender)}.mavscript-heading{font-family:var(--font-hand-heading);font-weight:var(--weight-bold);letter-spacing:var(--tracking-heading);background:var(--pastel-spectrum);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer var(--dur-shimmer) var(--ease-standard) infinite}.app-shell{max-width:var(--app-max-width);margin:0 auto;padding:var(--app-padding-block) var(--app-padding-inline) var(--app-padding-bottom)}.app-header{text-align:center;margin-bottom:var(--space-5)}.mavscript-card{position:relative;background-color:var(--surface-card);background-image:linear-gradient(var(--surface-card),var(--surface-card)),var(--border-accent);background-origin:border-box;background-clip:padding-box,border-box;border:var(--border-width) solid transparent;border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard);padding:var(--space-5);margin-bottom:var(--space-5);overflow:hidden}.mavscript-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--texture-hatch-card);pointer-events:none}.mavscript-card:hover{transform:var(--lift-hover);box-shadow:var(--shadow-card-hover)}.mavscript-button{position:relative;overflow:hidden;background:var(--surface-accent);background-size:300% 300%;color:var(--text-on-accent);border:none;border-radius:var(--radius-pill);font-family:var(--font-hand-heading);font-weight:var(--weight-bold);padding:var(--space-3) var(--space-6);cursor:pointer;transition:background-position var(--dur-slow) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.mavscript-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--texture-hatch-ink);pointer-events:none}.mavscript-button:hover:not(:disabled){background-position:100% 50%;transform:var(--tilt-hover)}.mavscript-button:disabled{opacity:.5;cursor:not-allowed}.mavscript-button.active{outline:2px solid var(--outline-active);outline-offset:2px}.mavscript-button.small{padding:var(--space-1) .8rem;font-size:var(--text-xs)}.mavscript-button.danger{background:var(--danger-accent);color:var(--text-body)}.mavscript-textarea{width:100%;background-color:var(--surface-field);color:var(--text-body);font-family:var(--font-hand-body);border:var(--border-width) solid transparent;background-image:linear-gradient(var(--surface-field),var(--surface-field)),var(--border-accent);background-origin:border-box;background-clip:padding-box,border-box;border-radius:var(--radius-card);padding:var(--space-4);margin:var(--space-4) 0;resize:vertical}.mavscript-textarea::placeholder{color:var(--text-faint);font-style:italic}.tab-nav{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-8)}.capture-bar{display:flex;flex-direction:column}.type-toggle{display:flex;gap:var(--space-2)}.submit-btn{align-self:flex-end}.bluos-icon{display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}.type-icon{display:inline-flex;align-items:center;color:var(--pastel-blue);margin-top:.12em}.type-icon.task,.type-icon.done{color:var(--pastel-mint)}.bluos-tag{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);border:1px solid currentColor;padding:.1rem .6rem;font-family:var(--font-hand-body);font-size:var(--text-xs);color:var(--pastel-blue);background-color:color-mix(in oklab,currentColor 12%,transparent)}.bluos-tag.hue-pink{color:var(--pastel-pink)}.bluos-tag.hue-lavender{color:var(--pastel-lavender)}.bluos-tag.hue-blue{color:var(--pastel-blue)}.bluos-tag.hue-mint{color:var(--pastel-mint)}.bluos-tag.hue-yellow{color:var(--pastel-yellow)}.bluos-tag.hue-peach{color:var(--pastel-peach)}.bluos-tag-remove{display:inline-flex;background:none;border:none;padding:0;color:inherit;cursor:pointer;opacity:.6;font-size:.8em}.bluos-tag-remove:hover{opacity:1}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bluos-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.bluos-field-label{font-family:var(--font-hand-heading);font-size:var(--text-sm);color:var(--text-muted)}.bluos-field-hint{margin:0;font-size:var(--text-xs);color:var(--text-faint)}.bluos-input{width:100%;background-color:var(--surface-field);color:var(--text-body);font-family:var(--font-hand-body);font-size:var(--text-base);border:var(--border-width) solid transparent;background-image:linear-gradient(var(--surface-field),var(--surface-field)),var(--border-accent);background-origin:border-box;background-clip:padding-box,border-box;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.bluos-input::placeholder{color:var(--text-faint);font-style:italic}.bluos-switch{width:2.6rem;height:1.4rem;flex:none;border:var(--border-width) solid transparent;border-radius:var(--radius-pill);background-color:var(--surface-field);background-image:linear-gradient(var(--surface-field),var(--surface-field)),var(--border-accent);background-origin:border-box;background-clip:padding-box,border-box;padding:0 .15rem;display:flex;align-items:center;cursor:pointer;transition:background-position var(--dur-base) var(--ease-standard)}.bluos-switch-knob{width:.95rem;height:.95rem;border-radius:50%;background:var(--text-faint);transition:transform var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard)}.bluos-switch.on{background-image:var(--pastel-spectrum),var(--border-accent)}.bluos-switch.on .bluos-switch-knob{transform:translate(1.15rem);background:var(--text-on-accent)}.bluos-switch:disabled{opacity:.5;cursor:not-allowed}.search-field{position:relative;display:flex;align-items:center;margin-bottom:var(--space-5)}.search-field-icon{position:absolute;left:var(--space-3);display:inline-flex;color:var(--text-faint);pointer-events:none}.search-field-input{padding-left:2.1rem;padding-right:2.1rem}.search-field-input::-webkit-search-cancel-button{display:none}.search-field-clear{position:absolute;right:var(--space-3);display:inline-flex;background:none;border:none;padding:0;color:var(--text-faint);cursor:pointer}.search-field-clear:hover{color:var(--text-body)}.voice-capture{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.voice-capture-btn{width:2.6rem;height:2.6rem;flex:none;display:grid;place-items:center;border:none;border-radius:50%;background:var(--surface-accent);background-size:300% 300%;color:var(--text-on-accent);font-size:1.1rem;cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard),background-position var(--dur-slow) var(--ease-standard)}.voice-capture-btn:hover{background-position:100% 50%;transform:var(--tilt-hover)}.voice-capture.recording .voice-capture-btn{background:var(--pastel-pink);animation:pulse 1.4s var(--ease-standard) infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f6adbf80}50%{box-shadow:0 0 0 8px #f6adbf00}}.voice-capture-body{display:flex;align-items:center;gap:var(--space-3);min-height:1.6rem}.voice-capture-hint{font-size:var(--text-xs);color:var(--text-faint)}.voice-capture-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.voice-capture-wave{display:flex;align-items:center;gap:3px;height:1.4rem}.voice-capture-wave span{width:3px;border-radius:2px;background:var(--pastel-lavender);animation:wave 1.1s var(--ease-standard) infinite}.voice-capture-wave span:nth-child(2n){background:var(--pastel-blue);animation-delay:.12s}.voice-capture-wave span:nth-child(3n){background:var(--pastel-mint);animation-delay:.24s}.voice-capture-wave span:nth-child(4n){animation-delay:.36s}@keyframes wave{0%,to{height:22%}50%{height:100%}}.bluos-toast{display:flex;align-items:center;gap:var(--space-2);background-color:var(--surface-card);background-image:linear-gradient(var(--surface-card),var(--surface-card)),var(--border-accent);background-origin:border-box;background-clip:padding-box,border-box;border:var(--border-width) solid transparent;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-body)}.settings-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px dashed var(--border-hairline)}.settings-row:last-child{border-bottom:none}.settings-row:hover{background-color:var(--surface-hover)}.settings-row-label{font-family:var(--font-hand-heading);font-size:var(--text-base)}.settings-row-hint{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--text-faint);max-width:26ch}.settings-row-control{flex:none;display:flex;align-items:center;gap:var(--space-2)}.inbox-list{list-style:none;padding:0;margin:0}.inbox-item{display:flex;flex-direction:column;gap:var(--space-2)}.inbox-item-main{display:flex;align-items:flex-start;gap:var(--space-2)}.inbox-item-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.done-text{text-decoration:line-through;opacity:.5;color:var(--text-done)}.empty-state{text-align:center;opacity:.6;font-family:var(--font-hand-heading)}
