:root{--brand:#1abc9c;--brand-dark:#15967d;--brand-deep:#0e6655;--brand-soft:#e8f8f5;--brand-muted:#b2ebe0;--kiko-carbon:#333;--kiko-white:#f5f5f5;--kiko-mauve:#6c98ff;--kiko-pink:#ff6f7f;--kiko-yellow:#ffe081;--kiko-orange:#e88613;--paper:#fff;--paper-warm:var(--kiko-white);--paper-dark:#dfe9e6;--ink:var(--kiko-carbon);--ink-light:#5a5a5a;--ink-faint:#8a8a8a;--ink-soft:#eef6f4;--coral:var(--brand);--coral-soft:var(--brand-soft);--success:#1abc9c;--error:#e74c3c;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--shadow-card:0 2px 12px #33333314;--shadow-brand:0 8px 28px #1abc9c47;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--max-col:480px;--gradient-brand:linear-gradient(135deg, var(--brand) 0%, #48c9b0 50%, var(--kiko-mauve) 100%);--gradient-flow:radial-gradient(ellipse 90% 50% at 50% -10%, #1abc9c24, transparent 55%), radial-gradient(ellipse 70% 40% at 100% 100%, #6c98ff0f, transparent 50%), var(--paper-warm);--shadow-deck:0 12px 40px #3333331a, 0 2px 8px #3333330a;--gradient-hero:radial-gradient(ellipse 80% 60% at 90% 0%, #1abc9c2e, transparent 55%), radial-gradient(ellipse 60% 50% at 0% 100%, #6c98ff14, transparent 60%), var(--kiko-white)}*,:after,:before{box-sizing:border-box}body,html{font-family:var(--font-sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0}a{color:inherit}.page{max-width:var(--max-col);margin:0 auto;padding:24px 20px 40px}.page--wide{max-width:960px}.eyebrow{letter-spacing:.02em;color:var(--brand-dark);text-transform:none;font-size:13px;font-weight:700}.title-serif{font-family:var(--font-serif);margin:0;font-size:clamp(28px,7vw,40px);font-weight:800;line-height:1.08}.body-secondary{color:var(--ink-light);margin:0;font-size:16px;line-height:1.5}.chip{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.field-label{color:var(--ink);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.field-input,.field-textarea{border:1px solid var(--paper-dark);border-radius:var(--radius-md);width:100%;font:inherit;background:var(--paper);color:var(--ink);padding:14px 16px;font-size:16px}.field-input:focus,.field-textarea:focus{box-shadow:0 0 0 3px var(--brand-soft);border-color:var(--brand-muted);outline:none}.field-textarea{resize:vertical;min-height:140px}.field-hint{color:var(--ink-faint);margin-top:6px;font-size:13px}.field-error{color:var(--error);margin-top:8px;font-size:13px}.btn-primary{border-radius:var(--radius-lg);background:var(--brand);width:100%;min-height:56px;color:var(--paper);cursor:pointer;box-shadow:var(--shadow-brand);border:none;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{border:1px solid var(--paper-dark);border-radius:var(--radius-lg);background:var(--paper-warm);width:100%;min-height:48px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;font-size:15px;font-weight:600;text-decoration:none;display:flex}.category-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.category-card{border:1px solid var(--paper-dark);border-radius:var(--radius-lg);background:var(--paper);text-align:left;cursor:pointer;box-shadow:var(--shadow-card);padding:16px;transition:transform .12s,border-color .12s}.category-card__body{flex-direction:column;gap:4px;display:flex}.category-card:hover{border-color:var(--brand-muted);transform:translateY(-1px)}.category-card__accent{border-radius:999px;width:4px;height:28px}.category-card__label{font-size:16px;font-weight:700}.category-card__hint{color:var(--ink-faint);font-size:13px}.note-preview{border:1px solid var(--paper-dark);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-card);padding:20px}.note-preview__category{letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.note-preview__body{font-family:var(--font-serif);margin:12px 0 0;font-size:20px;line-height:1.35}.note-preview__meta{color:var(--ink-faint);margin-top:16px;font-size:13px}.clue-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.clue-chip{background:var(--ink-soft);color:var(--ink-light);border-radius:999px;padding:6px 10px;font-size:12px}.success-seal{background:radial-gradient(circle at 30% 30%,var(--brand-soft),var(--paper-warm));border:1px solid var(--paper-dark);border-radius:50%;justify-content:center;width:88px;height:88px;margin:0 auto 24px;font-size:36px}.site-header,.success-seal{align-items:center;display:flex}.site-header{justify-content:space-between;margin-bottom:28px}.logo-mark{gap:10px;font-weight:800;text-decoration:none}.logo-icon,.logo-mark{align-items:center;font-size:18px;display:flex}.logo-icon{background:var(--brand);width:36px;height:36px;color:var(--paper);border-radius:10px;justify-content:center}.avatar-ring{border:2px solid var(--brand);background:var(--brand-soft);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;font-size:28px;font-weight:800;display:flex}.progress-bar{background:var(--ink-soft);border-radius:999px;height:4px;margin-bottom:24px;overflow:hidden}.progress-bar__fill{background:var(--brand);height:100%;transition:width .28s}.hp-field{opacity:0;pointer-events:none;position:absolute;left:-9999px}@media (prefers-reduced-motion:reduce){.category-card,.progress-bar__fill{transition:none}}.landing{background:var(--kiko-white);min-height:100dvh;color:var(--ink);flex-direction:column;display:flex}.landing a{text-decoration:none}.lp-brand{letter-spacing:-.05em;color:var(--ink);margin:0 0 12px;font-size:clamp(3.75rem,18vw,6rem);font-weight:900;line-height:.95}.lp-brand__dot{color:var(--brand);font-style:normal}.lp-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:28rem;margin:0 auto;padding:16px clamp(20px,6vw,40px) 48px;display:flex}.lp-marquee{width:100vw;max-width:100%;margin:0 calc(-1*clamp(20px,6vw,40px)) 28px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.lp-marquee__track{gap:8px;width:max-content;animation:36s linear infinite lp-marquee;display:flex}.lp-marquee__chip{color:var(--ink-light);white-space:nowrap;background:var(--paper);border:1px solid var(--paper-dark);border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600}@keyframes lp-marquee{to{transform:translate(-50%)}}.lp-title{letter-spacing:-.03em;text-transform:lowercase;margin:0;font-size:clamp(1.5rem,6vw,2rem);font-weight:800;line-height:1.15}.lp-title__accent{color:var(--brand)}.lp-lead{color:var(--ink-light);max-width:21rem;margin:18px 0 0;font-size:16px;line-height:1.5}.lp-download{width:100%;margin-top:32px}.lp-download__prompt{color:var(--ink-light);margin:0 0 14px;font-size:15px;font-weight:600;line-height:1.4}.lp-download__prompt strong{color:var(--ink);font-weight:800}.lp-stores{flex-direction:row;gap:10px;width:100%}.lp-store,.lp-stores{justify-content:center;align-items:center;display:flex}.lp-store{flex:0 0 132px;width:132px;height:44px;line-height:0;transition:transform .14s,opacity .14s}.lp-store:hover{opacity:.92;transform:translateY(-1px)}.lp-store img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.lp-footer{color:var(--ink-faint);justify-content:center;align-items:center;gap:10px;padding:24px;font-size:14px;display:flex}.lp-footer a{color:var(--ink-light);font-weight:600}.lp-footer a:hover{color:var(--brand-dark)}.lp-footer__dot{opacity:.5}@media (prefers-reduced-motion:reduce){.lp-marquee__track{animation:none}.lp-store:hover{transform:none}}.flow-page{min-height:100dvh;max-width:var(--max-col);padding:20px 20px calc(28px + env(safe-area-inset-bottom,0px));background:var(--gradient-flow);flex-direction:column;margin:0 auto;display:flex}.flow-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.flow-header__back{background:var(--paper);font:inherit;cursor:pointer;color:var(--ink);border:none;border:1px solid var(--paper-dark);box-shadow:var(--shadow-card);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.flow-header__meta{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);font-size:12px;font-weight:700}.compose-stepper{align-items:center;gap:0;margin-bottom:24px;display:flex}.compose-stepper__track{background:var(--paper-dark);border-radius:999px;flex:1;height:4px;margin-right:12px;overflow:hidden}.compose-stepper__fill{background:var(--gradient-brand);border-radius:999px;height:100%;transition:width .32s cubic-bezier(.22,1,.36,1)}.compose-stepper__labels{flex-shrink:0;gap:6px;display:flex}.compose-stepper__dot{background:var(--paper-dark);border-radius:50%;width:8px;height:8px;transition:transform .2s,background .2s}.compose-stepper__dot--active{background:var(--brand);transform:scale(1.15)}.compose-stepper__dot--done{background:var(--brand-dark)}.recipient-card{border-radius:var(--radius-lg);background:var(--paper);border:1px solid var(--paper-dark);box-shadow:var(--shadow-card);align-items:center;gap:14px;margin-bottom:20px;padding:14px 16px;display:flex}.recipient-card__avatar{background:var(--brand-soft);width:48px;height:48px;color:var(--brand-dark);border:2px solid var(--brand-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.recipient-card__body{flex:1;min-width:0}.recipient-card__name{margin:0;font-size:17px;font-weight:700;line-height:1.2}.recipient-card__handle{color:var(--ink-faint);margin:2px 0 0;font-size:13px}.recipient-card__question{font-family:var(--font-serif);color:var(--ink-light);margin:8px 0 0;font-size:15px;line-height:1.35}.category-pill{border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.compose-panel{flex-direction:column;flex:1;display:flex}.compose-heading{font-family:var(--font-serif);margin:0;font-size:clamp(26px,6vw,32px);font-weight:800;line-height:1.1}.compose-lead{color:var(--ink-light);margin:8px 0 0;font-size:15px;line-height:1.45}.compose-field{margin-top:20px}.compose-textarea-wrap{border-radius:var(--radius-lg);background:var(--paper);border:1px solid var(--paper-dark);box-shadow:var(--shadow-card);transition:border-color .16s,box-shadow .16s;position:relative}.compose-textarea-wrap:focus-within{border-color:var(--brand-muted);box-shadow:0 0 0 4px var(--brand-soft),var(--shadow-card)}.compose-textarea{border-radius:var(--radius-lg);width:100%;min-height:168px;font:inherit;resize:vertical;color:var(--ink);background:0 0;border:none;padding:18px 18px 36px;font-size:18px;line-height:1.45}.compose-textarea:focus{outline:none}.compose-textarea::placeholder{color:var(--ink-faint)}.compose-char-count{color:var(--ink-faint);font-size:12px;font-weight:600;position:absolute;bottom:10px;right:14px}.compose-char-count--warn{color:var(--kiko-orange)}.compose-char-count--limit{color:var(--error)}.compose-hint{color:var(--ink-faint);margin:10px 0 0;font-size:13px;line-height:1.4}.compose-hint--anon{border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand-deep);align-items:flex-start;gap:8px;padding:12px 14px;font-weight:500;display:flex}.clue-stack{gap:10px;margin-top:10px;display:grid}.clue-suggestions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.clue-suggestion{border:1px solid var(--paper-dark);background:var(--paper);font:inherit;color:var(--ink-light);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600;transition:border-color .12s,background .12s}.clue-suggestion:hover{border-color:var(--brand-muted);background:var(--brand-soft);color:var(--brand-deep)}.note-preview--premium{border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow-deck);border:none;padding:22px 22px 20px;position:relative;overflow:hidden}.note-preview--premium:before{content:"";background:var(--preview-accent,var(--brand));width:4px;position:absolute;top:0;bottom:0;left:0}.note-preview__seal{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.note-preview__quote{font-family:var(--font-serif);margin:14px 0 0;font-size:clamp(20px,5vw,24px);font-weight:700;line-height:1.35}.note-preview__anon{border-top:1px dashed var(--paper-dark);color:var(--ink-faint);margin-top:16px;padding-top:14px;font-size:13px}.compose-footer{gap:10px;margin-top:auto;padding-top:24px;display:grid}.compose-footer .btn-primary{min-height:54px;font-size:17px;transition:transform .12s,opacity .12s}.compose-footer .btn-primary:not(:disabled):active{transform:scale(.98)}.category-grid--flow{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.category-card--flow{border-radius:var(--radius-xl);background:var(--paper);border:1px solid var(--paper-dark);min-height:108px;box-shadow:var(--shadow-card);color:inherit;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px;text-decoration:none;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex;position:relative}.category-card--flow:hover{box-shadow:var(--shadow-brand);border-color:var(--brand-muted);transform:translateY(-2px)}.category-card--flow__emoji{font-size:28px;line-height:1}.category-card--flow__label{font-size:16px;font-weight:800}.category-card--flow__hint{color:var(--ink-faint);font-size:13px;line-height:1.3}.question-hero{border-radius:var(--radius-xl);background:var(--paper);border:1px solid var(--paper-dark);box-shadow:var(--shadow-card);margin-top:8px;padding:18px 20px}.question-hero__label{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin-bottom:8px;font-size:11px;font-weight:800;display:block}.question-hero__text{font-family:var(--font-serif);margin:0;font-size:clamp(20px,5vw,24px);font-weight:700;line-height:1.3}.flow-intro{color:var(--ink-light);margin:16px 0 0;font-size:15px;line-height:1.5}.success-page{min-height:100dvh;max-width:var(--max-col);background:var(--gradient-flow);text-align:center;flex-direction:column;align-items:center;margin:0 auto;padding:48px 20px 40px;display:flex}.success-page__seal{background:radial-gradient(circle at 30% 25%,var(--brand-soft),var(--paper));border:2px solid var(--brand-muted);width:96px;height:96px;box-shadow:var(--shadow-brand);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;font-size:40px;display:flex}.success-page__actions{gap:12px;width:100%;margin-top:32px;display:grid}@media (prefers-reduced-motion:reduce){.category-card--flow,.compose-footer .btn-primary,.compose-stepper__fill{transition:none}}.app-shell{background:var(--paper);min-height:100dvh;color:var(--ink)}