:root{color-scheme:dark;--bg:#11191b;--text:#eee9dc;--muted:#a4b0ae;--accent:#dec496;--line:#ffffff20}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'Segoe UI',sans-serif;min-height:100vh;display:flex;flex-direction:column}button,a,textarea,input{font:inherit}button{color:inherit;background:transparent;border:1px solid var(--line);border-radius:5px;padding:12px 22px;cursor:pointer;transition:background .2s,border-color .2s}button:hover{background:#ffffff09;border-color:#dec49680}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.45;cursor:default}button[hidden]{display:none}a{color:inherit}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 42%,#37525335,transparent 57%),radial-gradient(ellipse at 90% 100%,#79644412,transparent 50%)}header{padding:30px 4.6%;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;gap:15px;align-items:center;text-decoration:none;font-size:12px;letter-spacing:2px;font-weight:600}.brand small{display:block;font-size:10px;letter-spacing:3px;color:var(--muted);margin-top:4px}.brand-icon{font:italic 33px Georgia,serif;color:var(--accent);border:1px solid #dec49650;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;letter-spacing:-4px;padding-right:5px}nav{display:flex;gap:10px}nav button{border:0;padding:8px 12px;font-size:14px;color:#c2cac5}nav small{margin-left:7px;color:var(--accent);font-size:12px}main{flex:1;text-align:center;padding:40px 24px 35px;display:flex;align-items:center;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:2.4px;color:var(--muted)}main>.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow>span{width:5px;height:5px;background:var(--accent);border-radius:50%}.question-stage{position:relative;isolation:isolate;width:100%;max-width:1000px;min-height:365px;display:grid;place-items:center;margin:13px 0 17px}.orbit{position:absolute;width:355px;height:355px;border:1px solid #d7c19c22;border-radius:50%;z-index:-1;transform:rotate(-25deg);animation:turn 110s linear infinite}.orbit:before{content:'';position:absolute;inset:17px -45px;border:1px solid #d7c19c13;border-radius:50%;transform:rotate(60deg)}.orbit i{position:absolute;top:49px;left:49px;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 15px #dec49666}.question-content{width:100%;padding:35px 0}.question-meta{display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;letter-spacing:2.2px;color:var(--accent)}.divider{color:#7a817b}#star{padding:2px 5px;border:0;font-size:23px;line-height:1;letter-spacing:0}h1{font:normal clamp(36px,4.8vw,65px)/1.18 Georgia,'Times New Roman',serif;letter-spacing:-1.9px;max-width:880px;margin:27px auto 25px;text-wrap:balance}#invitation{font-size:14px;color:var(--muted);margin:0}.actions{display:flex;gap:12px}.actions button{min-width:150px;font-size:14px;padding:15px 22px}.actions span{padding-left:20px;color:var(--accent)}button.primary{color:#202521;background:var(--accent);border-color:var(--accent)}button.primary:hover{background:#efdbb8}.primary span{color:inherit}.bottom-note{font:italic 14px Georgia,serif;color:var(--muted);margin-top:38px;display:flex;gap:12px;align-items:center}.tiny-line{display:block;width:22px;height:1px;background:#dec49660}.back{border:0;color:var(--muted);font-size:13px;margin-top:12px;padding:6px}footer{display:flex;align-items:center;justify-content:space-between;margin:0 4.6%;padding:20px 0 24px;border-top:1px solid var(--line);gap:14px;color:var(--muted);font-size:12px}footer>span:last-child{font-size:10px;letter-spacing:2px}footer button{border:0;font-size:13px;padding:8px;color:var(--accent)}dialog{background:#192326;color:var(--text);border:1px solid #dec49640;border-radius:12px;padding:28px;width:min(660px,calc(100% - 28px));max-height:85vh;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#071010bf;backdrop-filter:blur(8px)}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.panel-header button{border:0;font-size:25px;padding:0 10px}h2{font:normal 34px Georgia,serif;margin:8px 0}h3{font:normal 24px/1.4 Georgia,serif;margin:8px 0 20px}.privacy,.hint{font-size:13px;color:var(--muted)}label{display:block;font-size:14px;margin:12px 0 8px}textarea{width:100%;min-height:215px;resize:vertical;background:#10191b;border:1px solid #ffffff30;border-radius:6px;color:var(--text);padding:17px;line-height:1.8;font-size:16px}textarea:focus{outline:1px solid var(--accent)}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px}.entry{border-top:1px solid var(--line);padding:22px 0}.entry p{white-space:pre-wrap;overflow-wrap:anywhere}.entry small{color:var(--muted)}.entry button{font-size:13px;padding:7px 12px;margin:4px 8px 0 0}.entry h3{font-size:22px;margin:10px 0}.empty{text-align:center;padding:40px 16px;color:var(--muted)}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#e6d5b4;color:#182220;padding:10px 20px;border-radius:6px;max-width:90%;z-index:5;opacity:0;pointer-events:none;transition:opacity .2s}.still{text-align:center;padding:20px 0}.breath{width:120px;height:120px;border:1px solid var(--accent);border-radius:50%;margin:35px auto;animation:breathe 10s ease-in-out infinite;box-shadow:0 0 60px #dec49612}.still h3{font-size:28px}.still button{margin-top:20px}#timer{color:var(--accent);font-variant-numeric:tabular-nums}@keyframes turn{to{transform:rotate(335deg)}}@keyframes breathe{50%{transform:scale(1.18);opacity:.45}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}@media(max-width:600px){header{padding:22px 20px;align-items:flex-start;gap:8px}.brand{font-size:10px;letter-spacing:1px;gap:9px}.brand small{font-size:8px;letter-spacing:1.6px}.brand-icon{width:38px;height:38px;font-size:28px}nav{gap:0}nav button{font-size:14px;padding:4px 7px}nav button span{display:none}nav button{min-height:38px}main{padding:32px 22px}.eyebrow{font-size:9px;letter-spacing:1.7px}.question-stage{min-height:360px;margin:10px 0}.orbit{width:285px;height:285px}.orbit:before{inset:14px -17px}h1{letter-spacing:-.8px}.actions{flex-wrap:wrap;justify-content:center;width:100%;gap:10px}.actions button{min-width:0;flex:1;padding:13px 15px}.actions .primary{flex-basis:100%}.actions span{padding-left:9px}footer{flex-wrap:wrap;justify-content:center;padding:17px 0}footer>span:last-child{display:none}.bottom-note{margin-top:28px}dialog{padding:22px}}
/* Keep the rotating geometry inside its visual stage on narrow screens. */
@media(max-width:600px){.question-stage{overflow:clip}nav button{min-width:40px}}