:root{--cream:#fbf6ee;--paper:#fffdf8;--beige:#f1e7d7;--border:#e3d8c4;--sage:#8aa07f;--sage-deep:#6f8666;--sage-soft:#eaf0e4;--deep:#2e4436;--ink:#3a4a40;--muted:#6e7f69;--radius-lg:26px;--radius-md:18px;--shadow-soft:0 10px 30px #2e443612;--shadow-lift:0 14px 36px #2e44361a;--font-serif:Georgia, "Times New Roman", "PT Serif", serif;--font-sans:"Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--cream);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background-image:radial-gradient(circle at 12% 8%,#8aa07f1a,#8aa07f00 45%),radial-gradient(circle at 88% 92%,#e2cdac47,#e2cdac00 50%);background-attachment:fixed;font-size:17px;line-height:1.55}.app{max-width:620px;min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 16px calc(36px + env(safe-area-inset-bottom));flex-direction:column;gap:18px;margin:0 auto;display:flex}.app__header{align-items:center;gap:12px;min-height:34px;display:flex}.app__main{flex:1}.screen{flex-direction:column;gap:18px;animation:.38s both screen-in;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.progress{flex:1;align-items:center;gap:10px;display:flex}.progress__track{background:var(--beige);border-radius:999px;flex:1;height:7px;overflow:hidden}.progress__fill{background:linear-gradient(90deg, var(--sage), var(--sage-deep));border-radius:999px;height:100%;transition:width .45s}.progress__label{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;gap:14px;padding:24px 20px;display:flex}.card__title{font-family:var(--font-serif);color:var(--deep);margin:0;font-size:25px;font-weight:600;line-height:1.25}.card__title--small{font-size:21px}.card__subtitle{color:var(--muted);margin:0;font-size:16px}.card__subtitle--tight{font-family:var(--font-serif);color:var(--deep);font-size:19px;font-weight:600}.card__question{color:var(--ink);white-space:pre-line;margin:0;font-size:17px}.card__body,.card__footer{flex-direction:column;gap:14px;display:flex}.card--welcome{text-align:center;align-items:center;gap:16px;padding:30px 20px}.card--bridge,.card--closing{text-align:center;align-items:center;padding:32px 22px}.card--result{background:linear-gradient(180deg, var(--paper), #fbf8f0)}.card--share,.card--cta{align-items:stretch}.welcome__title{font-family:var(--font-serif);color:var(--deep);margin:0;font-size:30px;font-weight:600;line-height:1.2}.welcome__author{color:var(--sage-deep);letter-spacing:.02em;margin:0;font-size:15px}.welcome__lead{margin:0;font-size:16.5px}.welcome__facts{color:var(--muted);flex-direction:column;gap:4px;margin:0;padding:0;font-size:15.5px;list-style:none;display:flex}.leaf{font-size:26px;line-height:1}.leaf--header{opacity:.75;font-size:20px}.choices{border:0;flex-direction:column;gap:10px;min-inline-size:0;margin:0;padding:0;display:flex}.choices--grid{grid-template-columns:1fr;gap:10px;display:grid}.choice{border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:#fffefb;align-items:flex-start;gap:12px;min-height:56px;padding:14px 16px;transition:border-color .2s,background-color .2s,transform .12s;display:flex;position:relative}.choice:active{transform:scale(.99)}.choice--checked{border-color:var(--sage);background:var(--sage-soft)}.choice__input{opacity:0;width:1px;height:1px;position:absolute}.choice__marker{border:1.5px solid var(--sage);background:#fff;border-radius:50%;flex:none;width:22px;height:22px;margin-top:2px;transition:background-color .2s;position:relative}.choice__marker:after{content:"";background:var(--sage-deep);opacity:0;border-radius:50%;transition:opacity .18s,transform .18s;position:absolute;inset:5px;transform:scale(.6)}.choice--checked .choice__marker:after{opacity:1;transform:scale(1)}.choice--checkbox .choice__marker{border-radius:7px}.choice--checkbox .choice__marker:after{border:solid var(--sage-deep);background:0 0;border-width:0 2px 2px 0;border-radius:1px;width:6px;height:10px;inset:3px auto auto 6.5px;transform:rotate(45deg)scale(.6)}.choice--checkbox.choice--checked .choice__marker:after{transform:rotate(45deg)scale(1)}.choice__label{color:var(--ink);font-size:16.5px;line-height:1.4}.choice__input:focus-visible+.choice__marker{outline:3px solid var(--sage);outline-offset:3px}.steps{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.situation{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--beige);text-align:center;padding:26px 18px;animation:.3s both screen-in}.situation__text{font-family:var(--font-serif);color:var(--deep);margin:0;font-size:22px;line-height:1.3}.categories{flex-direction:column;gap:10px;display:flex}.category{border:1.5px solid var(--border);border-radius:var(--radius-md);min-height:58px;color:var(--deep);font-family:var(--font-sans);letter-spacing:.06em;cursor:pointer;background:#fffefb;align-items:center;gap:12px;padding:12px 18px;font-size:16px;font-weight:600;transition:border-color .2s,background-color .2s,transform .12s;display:flex}.category:hover{border-color:var(--sage)}.category:active{transform:scale(.99)}.category--active{border-color:var(--sage);background:var(--sage-soft)}.category__emoji{font-size:20px}.quote{border-left:3px solid var(--sage);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--sage-soft);color:var(--deep);white-space:pre-line;text-align:left;margin:0;padding:16px 18px;font-size:16px}.bridge__intro{color:var(--muted);margin:0;font-size:16px;line-height:1.45}.bridge__chips{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.bridge__chip{border:1px solid var(--border);background:var(--sage-soft);max-width:100%;color:var(--deep);text-align:center;overflow-wrap:anywhere;word-break:break-word;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:14.5px;line-height:1.35;display:inline-flex}.bridge__text,.closing__text{font-family:var(--font-serif);color:var(--deep);white-space:pre-line;margin:0;font-size:20px;line-height:1.45}.badge{background:var(--sage-soft);color:var(--sage-deep);letter-spacing:.04em;border-radius:999px;align-self:flex-start;padding:5px 13px;font-size:13px}.result__text{flex-direction:column;gap:12px;display:flex}.result__text p{margin:0;font-size:17px;line-height:1.6}.signature{border-top:1px solid var(--border);width:100%;margin-top:8px;padding-top:16px}.signature__name{font-family:var(--font-serif);color:var(--deep);margin:0;font-size:18px}.signature__role{color:var(--muted);margin:2px 0 0;font-size:14px}.signature__motto{color:var(--muted);margin:10px 0 0;font-size:15px;font-style:italic}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--muted);font-size:14px}.field__counter{color:var(--muted);font-variant-numeric:tabular-nums;align-self:flex-end;margin:0;font-size:13px}.field__input{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--ink);font-family:var(--font-sans);resize:vertical;background:#fffefb;padding:14px 16px;font-size:16.5px;line-height:1.5}.field__input--large{font-family:var(--font-serif);min-height:140px;font-size:18px}.field__input::placeholder{color:#a8b3a4}.field__input:focus{border-color:var(--sage);outline:none;box-shadow:0 0 0 3px #8aa07f2e}.button{min-height:54px;font-family:var(--font-sans);text-align:center;cursor:pointer;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:17px;font-weight:600;line-height:1.25;text-decoration:none;transition:background-color .2s,border-color .2s,opacity .2s,transform .12s;display:inline-flex}.button:active{transform:scale(.99)}.button--primary{background:var(--deep);color:#fdfbf6;box-shadow:var(--shadow-lift);width:100%}.button--primary:hover{background:#26382d}.button--secondary{background:var(--sage-soft);border-color:var(--sage);color:var(--deep);width:100%}.button--outline{border-color:var(--border);color:var(--muted);width:100%;box-shadow:none;background:0 0;font-weight:500}.button--outline:hover{border-color:var(--sage);color:var(--deep);background:#eaf0e459}.button--ghost{border-color:var(--border);color:var(--muted);background:0 0;min-width:108px;font-weight:500}.button--ghost:hover{border-color:var(--sage);color:var(--deep)}.button--link{color:var(--muted);text-underline-offset:3px;background:0 0;border:none;min-height:44px;font-size:15px;font-weight:500;text-decoration:underline}.button--tiny{color:var(--muted);text-underline-offset:3px;white-space:nowrap;background:0 0;border:none;min-height:34px;padding:0 4px;font-size:13px;font-weight:500;text-decoration:underline}.button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.button:focus-visible{outline:3px solid var(--sage);outline-offset:3px}.nav{align-items:center;gap:10px;width:100%;display:flex}.nav .button--primary{flex:1;width:auto}.nav--single{justify-content:flex-start}.note{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.note--quiet{opacity:.85;font-size:13px}.share__preview{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;height:auto;box-shadow:var(--shadow-soft);display:block}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=560px){body{font-size:18px}.app{gap:22px;padding-top:26px}.card{padding:32px 30px}.card--welcome{padding:42px 34px}.welcome__title{font-size:36px}.card__title{font-size:28px}.choices--grid{grid-template-columns:1fr 1fr}.categories{flex-direction:row}.category{flex-direction:column;flex:1;justify-content:center;gap:6px;min-height:92px;font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}