:root{--cream:#faf6ee;--paper:#fffdf8;--ink:#574739;--ink-soft:#7b6a5c;--ink-faint:#a3968a;--line:#e8dfd0;--sage:#a8b89a;--olive:#8c9466;--dusty:#9aaab8;--mauve:#b9a0b4;--sand:#d9c3a0;--butter:#f3e3a6;--coral:#f08a5d;--candy:#f2a3b9;--cornflower:#7b9bdb;--marigold:#f2b33d;--night:#1f1b17;--display:"Fraunces", Georgia, serif;--body:"Nunito", "Segoe UI", system-ui, sans-serif;--radius:22px;--shadow:0 18px 40px -28px #57473973}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{font-family:var(--body);color:var(--ink);background-color:var(--cream);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 12% 8%,#f3e3a659,#0000 38%),radial-gradient(circle at 92% 88%,#b9a0b42e,#0000 40%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.28 0 0 0 0 0.2 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-attachment:fixed;min-height:100svh;line-height:1.55}h1,h2,h3{font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 72;color:var(--ink);margin:0;font-weight:600;line-height:1.12}h1{letter-spacing:-.01em;font-size:clamp(34px,9vw,54px)}h2{font-size:clamp(26px,6.5vw,36px)}h3{font-size:21px}p{margin:0}a{color:var(--ink);-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:3px}.page{max-width:560px;padding:max(28px, env(safe-area-inset-top)) 18px 64px;flex-direction:column;min-height:100svh;margin:0 auto;display:flex}.page.centre{justify-content:center}.stack>*+*{margin-top:16px}.stack-lg>*+*{margin-top:28px}.muted{color:var(--ink-soft)}.small{font-size:14px}.tiny{color:var(--ink-faint);font-size:12.5px}.centre-text{text-align:center}.card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #e8dfd0cc;padding:24px 20px}.btn{appearance:none;font:700 17px/1 var(--body);color:#3d2f24;background:var(--coral);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;width:100%;min-height:54px;padding:17px 26px;transition:transform .15s,background .2s;position:relative;box-shadow:0 10px 22px -14px #f08a5de6,inset 0 -3px #0000000f}.btn:hover{background:#f39a72}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--paper);color:var(--ink);border:1.5px solid var(--line);box-shadow:none}.btn.secondary:hover{border-color:var(--cornflower)}.btn.pink{background:var(--candy);box-shadow:0 10px 22px -14px #f2a3b9e6}.btn.blue{background:var(--cornflower);color:#fff}.btn.small{width:auto;min-height:40px;padding:10px 16px;font-size:14.5px}.btn.ghost{box-shadow:none;color:var(--ink-soft);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);background:0 0;width:auto;min-height:44px;padding:10px 6px;font-weight:600}input,textarea{font:500 17px/1.45 var(--body);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:16px;outline:none;width:100%;padding:15px 16px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--cornflower);box-shadow:0 0 0 4px #7b9bdb2e}input::placeholder,textarea::placeholder{color:#b9ad9f}textarea{resize:vertical;min-height:120px}label.field{margin-bottom:8px;font-weight:700;display:block}.pin{text-align:center;letter-spacing:.4em;font-size:28px;font-family:var(--display)}.error{color:#b5543a;min-height:22px;font-weight:600}.options{gap:10px;display:grid}.option{text-align:left;font:600 16.5px/1.4 var(--body);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:18px;padding:16px 18px;transition:border-color .2s,background .2s,transform .15s}.option:hover{border-color:var(--sage)}.option.on{border-color:var(--olive);background:#f4f6ec}.option:active{transform:scale(.99)}.progress{background:var(--line);border-radius:99px;height:6px;overflow:hidden}.progress>div{background:linear-gradient(90deg, var(--sage), var(--marigold));border-radius:99px;height:100%;transition:width .4s}.painted{mix-blend-mode:multiply;max-width:100%;display:block}.example{color:var(--ink-soft);background:#f7f1e3;border-radius:14px;padding:12px 14px;font-size:14.5px}.portrait-frame{aspect-ratio:1;box-shadow:var(--shadow);background:#fbf5e8;border-radius:26px;overflow:hidden}.portrait-frame img{object-fit:cover;width:100%;height:100%;display:block}.badge{font:700 12.5px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);background:#f3ecdc;border-radius:99px;padding:7px 11px;display:inline-block}.trend{font-family:var(--display);font-variation-settings:"SOFT" 100;color:var(--olive);font-size:19px;font-style:italic}.facts{background:#eef1f4;border-radius:20px;padding:20px}.facts h3{margin-bottom:8px;font-size:18px}.facts p+p{margin-top:10px}.facts ul{margin:12px 0 0;padding-left:18px;font-size:14px}.night{background:var(--night);color:#efe6d8;min-height:100svh}.night h1,.night h2{color:#f5ecdd}.admin{max-width:1100px;margin:0 auto;padding:24px 16px 80px}.admin table{border-collapse:collapse;width:100%;font-size:14px}.admin pre{white-space:pre-wrap;word-break:break-word;background:#f7f1e3;border-radius:10px;padding:10px;font-size:12.5px}.admin details{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.admin details+details{margin-top:10px}.admin summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:10px;font-weight:700;list-style:none;display:flex}.admin summary::-webkit-details-marker{display:none}.pill{color:var(--ink-soft);background:#f3ecdc;border-radius:99px;padding:3px 9px;font-size:12px;font-weight:700}.pill.warn{color:#a2482a;background:#fde4d8}.pill.test{color:#46629e;background:#e6ecf8}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}select{font:600 15px var(--body);border:1.5px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:10px 12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}