:root{color-scheme:dark;--bg:#171326;--text:#f4edf9;--muted:#b4a9c7;--lilac:#d9c3fb;--border:#ffffff16}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;line-height:1.65;font-size:16px;min-width:300px}button,input{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sky{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 17% 54%,#68499326,transparent 45%),radial-gradient(ellipse at 95% 10%,#704a7c19,transparent 45%)}.sky:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#dfc7ff7a 1px,transparent 1.5px),radial-gradient(circle,#e5d4fd45 1px,transparent 1.5px);background-size:179px 197px,277px 263px;background-position:28px 63px,81px 36px}.topbar{max-width:1240px;margin:auto;padding:27px 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.7px}.brand>span{font-size:32px;color:var(--lilac);line-height:1}.brand small{font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:500;margin-left:9px}.header-badge{font-size:12px;color:#c5b5db;padding:6px 13px;border:1px solid #ffffff15;border-radius:25px}main{max-width:1170px;margin:auto;padding:45px 42px 30px}.setup{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:#c9b1e6;margin:0 0 18px}h1{font-size:clamp(34px,4vw,49px);letter-spacing:-2px;line-height:1.4;margin:0;font-weight:750}h1>span{color:var(--lilac)}.intro{font-size:16px;line-height:1.85;color:var(--muted);margin:19px 0 0}.story{position:relative}.character-stage{position:relative;margin:-4px -15px -10px;max-width:460px;aspect-ratio:1.22;overflow:hidden}.characters{width:100%;height:auto;display:block;position:relative;top:-25px;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 71%)}.character-label{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;letter-spacing:.5px;color:#d1bde6;border:1px solid #ab88d52b;padding:5px 16px;border-radius:30px;background:#231b32e6}.panel{background:linear-gradient(140deg,#2d243d,#211c30 85%);padding:30px;border:1px solid #c7a4f12e;border-radius:24px;box-shadow:0 20px 70px #08061035}.panel-top{display:flex;align-items:center;justify-content:center;gap:14px;color:#c9b7df;font-size:13px;padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:25px}.field-heading{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;margin-bottom:13px}.number{font-size:12px;font-weight:600;color:#ac90cd;letter-spacing:1px;margin-right:8px}.field-heading .number{margin:0}input[name=nickname]{width:100%;background:#17132199;border:1px solid #72618265;border-radius:10px;padding:14px 16px;color:var(--text);outline:none;font-size:16px}input::placeholder{color:#a99aba}input[name=nickname]:focus{border-color:#c5a1e7;box-shadow:0 0 0 3px #c5a1e710}.hint{font-size:12px;color:#b3a4c4;margin:9px 0 25px}.tone-picker{padding:0;margin:0;border:0;display:grid;gap:9px}.tone-picker legend{font-weight:700;font-size:15px;margin-bottom:13px}.tone-option{display:flex;align-items:center;gap:12px;position:relative;background:#221c2e;padding:12px;border:1px solid #ffffff13;border-radius:12px;cursor:pointer}.tone-option:has(input:checked){background:#a57bce16;border-color:#b191d4}.tone-option:has(input:focus-visible){outline:3px solid #d9c3fb;outline-offset:3px}.tone-option input{position:absolute;opacity:0;width:1px;height:1px}.tone-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;color:#dec4ff;background:#b589e124;border-radius:11px;font-size:25px}.tone-icon.peach{color:#f4c0ad;background:#f7b88d16}.tone-icon.blue{color:#b2c5fc;background:#a3b7f318}.tone-text{display:flex;flex-direction:column;gap:1px}.tone-text strong{font-size:14px;font-weight:600}.tone-text small{font-size:12px;color:var(--muted)}.radio-dot{width:15px;height:15px;border:1px solid #8e7d9f;border-radius:50%;margin-left:auto;flex-shrink:0}.tone-option input:checked~.radio-dot{background:#d9baf9;border:4px solid #463252;box-shadow:0 0 0 1px #d9baf9}.quote-preview{display:flex;align-items:center;gap:9px;color:#c9b6df;margin:15px 0;min-height:43px}.quote-preview>span{font-size:35px;line-height:1;color:#977baa;align-self:flex-start}.quote-preview p{font-size:12px;line-height:1.7;margin:0}.primary{display:flex;align-items:center;justify-content:center;gap:22px;border:1px solid #e0c5fc;color:#342443;background:linear-gradient(110deg,#dec4ff,#d4b5ef);padding:15px 20px;min-height:53px;width:100%;border-radius:11px;font-weight:750;font-size:15px;box-shadow:0 4px 23px #b48be01c}.primary:hover{background:#e7d4fc;box-shadow:0 5px 30px #b48be032}.primary span{font-size:19px}.form-note{text-align:center;font-size:12px;color:#b3a4c4;margin:13px 0 0}footer{max-width:1086px;margin:12px auto 0;border-top:1px solid var(--border);padding:21px 0 24px;display:flex;justify-content:space-between;font-size:12px;color:#b3a5c5}.reading,.ritual{max-width:640px;margin:12px auto 32px;text-align:center;min-height:580px}.reading h1,.ritual h1{font-size:32px;letter-spacing:-1px;overflow-wrap:anywhere}.fortune-card{border:1px solid #a584c877;background:linear-gradient(150deg,#342642,#241e36);border-radius:24px;padding:25px 32px;margin:28px 0 0;box-shadow:0 20px 100px #b17bf00c}.fortune-card-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#c4add8}.tag{border:1px solid #9d79bf66;background:#a27dc619;padding:4px 12px;border-radius:30px;color:#e5cffc}.result-symbol{font-size:55px;color:#dec4ff;display:block;margin:5px 0 -4px;line-height:1.5}.fortune-card h2{font-size:27px;letter-spacing:-1px;line-height:1.5;margin:0 0 19px;color:#f0d8f8;overflow-wrap:anywhere}.prediction-text{font-size:17px;line-height:2;color:#e1d5ec;white-space:pre-line;margin:0 0 27px;overflow-wrap:anywhere}.lucky-box{display:flex;gap:15px;text-align:left;border:1px solid #e6ba8b30;background:#e6ba8b08;padding:18px;border-radius:14px;margin-bottom:23px}.lucky-box>span{color:#e5c493;font-size:26px}.lucky-box p{font-size:13px;color:#cab5c7;margin:0}.lucky-box h3{color:#f5d3ae;font-size:18px;margin:5px 0}.fortune-sender{display:flex;align-items:center;gap:13px;text-align:left;border-top:1px solid #ffffff12;padding-top:17px}.fortune-sender img{width:56px;height:56px;border-radius:50%;object-fit:cover}.fortune-sender div{display:flex;flex-direction:column;gap:3px}.fortune-sender strong{font-size:13px;font-weight:500;color:#d7c2ed}.fortune-sender div span{font-size:12px;color:#b3a2c2}.fortune-sender>span{margin-left:auto;font-size:24px;color:#c3a1e1}.random-note{font-size:12px;line-height:1.8;color:#b3a2c2;margin:20px 0}.result-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.secondary{border:1px solid #80679385;border-radius:11px;background:#30253c;color:#e0cbed;font-size:14px;min-height:53px;padding:12px}.secondary:hover{background:#3e3050}.text-button{border:0;background:transparent;color:#c4acd9;padding:14px;font-size:14px;text-decoration:underline}.orb-stage{position:relative;width:330px;height:330px;margin:22px auto 0;display:grid;place-items:center}.orb{--turn:0deg;position:relative;width:236px;height:236px;overflow:hidden;border-radius:50%;border:2px solid #edd8ffa8;background:radial-gradient(circle at 35% 25%,#f4dfff,#a371d5 35%,#572e8c 68%,#2c174e);box-shadow:inset -15px -15px 32px #1d0d48,inset 7px 8px 22px #fff9,0 0 55px #bc86f744,0 0 110px #a063e31a;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;z-index:2;isolation:isolate}.orb:active{cursor:grabbing}.orb-texture{position:absolute;inset:-45%;transform:rotate(var(--turn));background:repeating-conic-gradient(from 10deg,#edccff00 0deg,#efc6ff99 35deg,#93b7ff77 60deg,#edccff00 90deg);filter:blur(13px);border-radius:50%}.orb-shine{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 30% 22%,#ffffffd9,transparent 21%),radial-gradient(circle at 66% 79%,#eed7ff66,transparent 35%);z-index:2}.orb-mark{position:relative;display:block;color:#fff6;font-size:100px;transform:rotate(var(--turn));line-height:1}.orb-base{position:absolute;bottom:29px;width:153px;height:25px;border-radius:50%;border:2px solid #bf91bd;background:linear-gradient(#754e80,#38233d);box-shadow:0 13px 35px #0008}.orbit{position:absolute;width:315px;height:110px;border:1px solid #c6a3ed38;border-radius:50%;transform:rotate(-25deg)}.orbit-two{transform:rotate(30deg);width:300px;height:120px;border-color:#e6c28c22}.charge{width:200px;height:5px;background:#514263;border-radius:8px;overflow:hidden;margin:14px auto}.charge>div{width:0;height:100%;background:#d5b6f7;border-radius:8px}.spin-status{color:var(--muted);font-size:13px;min-height:25px}#spin-hint{font-size:16px;margin:0}.ritual.busy .orb{pointer-events:none}.ritual.busy .orb-texture{animation:spin 1.3s linear infinite}.ritual.busy .orb{box-shadow:0 0 90px #cb9afe77,inset 0 0 30px #fff8}:focus-visible{outline:3px solid #e3c6ff;outline-offset:5px}@keyframes spin{to{transform:rotate(720deg)}}@media(prefers-reduced-motion:no-preference){.screen{animation:enter .4s ease-out}.characters{animation:float 6s ease-in-out infinite}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{transform:translateY(-7px)}}}@media(prefers-reduced-motion:reduce){.ritual.busy .orb-texture{animation:none}}@media(max-width:850px){.setup{gap:30px}.brand small{display:none}main{padding:35px 26px}.topbar{padding:23px 26px}h1{font-size:37px}.panel{padding:23px}.character-stage{margin-left:-20px;margin-right:-20px}footer{margin:10px 26px 0}.header-badge{font-size:12px}.tone-option{gap:9px}.tone-icon{width:32px;height:35px}}@media(max-width:640px){.topbar{padding:18px 22px}.brand{font-size:20px}.header-badge{display:none}main{padding:31px 22px 18px}.setup{grid-template-columns:1fr;gap:19px;max-width:440px;margin:auto}.story{text-align:center}.eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:11px}h1{font-size:36px;line-height:1.4;letter-spacing:-1.7px}.intro{font-size:14px;margin:13px 0 0}.character-stage{height:225px;aspect-ratio:auto;margin:-8px auto 0;width:290px;max-width:100%}.characters{top:-38px}.character-label{bottom:6px;font-size:11px}.panel{padding:23px;border-radius:21px}.panel-top{padding-bottom:17px;margin-bottom:21px;font-size:12px}.tone-icon{width:37px;height:37px}.tone-option{gap:12px;padding:12px}.field-heading,.tone-picker legend{font-size:14px}.hint{margin-bottom:22px}footer{padding:17px 0;gap:6px;align-items:center;flex-direction:column;text-align:center;font-size:11px;margin-top:18px}.reading,.ritual{margin:16px auto 10px;min-height:500px}.reading h1,.ritual h1{font-size:27px}.fortune-card{padding:22px;margin-top:23px}.fortune-card h2{font-size:24px}.prediction-text{font-size:16px}.result-actions{grid-template-columns:1fr}.fortune-sender div span{font-size:11px}.orb-stage{width:280px;height:310px}.orbit{width:280px}.orbit-two{width:270px}.orb{width:222px;height:222px}.orb-base{bottom:27px}.lucky-box{padding:15px;gap:10px}}@media(max-width:350px){.panel{padding:18px}.tone-option{gap:8px}.tone-text strong{font-size:13px}.tone-text small{font-size:11px}.orb-stage{width:250px}.orbit,.orbit-two{width:250px}}
.brand>.app-name{font-size:20px;color:var(--text);line-height:1.5;letter-spacing:-1px}@media(max-width:640px){.brand>.app-name{font-size:17px}}