:root{--ink:#171326;--ink-soft:#211b36;--violet:#665d86;--gold:#c4a46b;--gold-bright:#e2c98e;--paper:#f4efe5;--mist:#d5cedd;--rust:#a35d48;--line:rgba(226,201,142,.25);--shadow:0 22px 70px rgba(5,3,13,.45)}*{box-sizing:border-box}html{background:var(--ink);color-scheme:dark;scroll-behavior:smooth}body{margin:0;color:var(--paper);background:radial-gradient(circle at 50% -10%,rgba(116,102,152,.38),transparent 38rem),radial-gradient(circle at 10% 40%,rgba(185,150,90,.08),transparent 26rem),var(--ink);font-family:Zen Kaku Gothic New,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(circle,rgba(244,239,229,.7) 0 1px,transparent 1.5px);background-size:83px 83px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 75%);mask-image:linear-gradient(180deg,#000,transparent 75%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Shippori Mincho,serif;font-weight:600;letter-spacing:.045em}.skip-link{position:fixed;z-index:100;left:12px;top:-80px;background:var(--paper);color:var(--ink);padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px}.app-shell{position:relative;width:min(100%,740px);margin:0 auto;min-height:100vh;padding:28px 18px 108px}.topline{justify-content:space-between;margin-bottom:26px}.brand,.topline{display:flex;align-items:center}.brand{gap:10px;font-family:Shippori Mincho,serif;letter-spacing:.08em}.brand-mark,.eyebrow{color:var(--gold-bright)}.eyebrow{font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px}.muted{color:var(--mist);opacity:.82}.page-title{font-size:clamp(1.9rem,8vw,3rem);margin-bottom:10px}.page-lead{color:var(--mist);line-height:1.9;max-width:36rem}.home-hero{text-align:center;padding:12px 0 26px}.home-hero h1{font-size:clamp(2.25rem,11vw,4.3rem);line-height:1.18;margin-bottom:12px}.home-hero .date{color:var(--gold-bright);letter-spacing:.12em;font-size:.82rem}.daily-orbit{width:235px;height:235px;margin:24px auto 20px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;position:relative}.daily-orbit:after,.daily-orbit:before{content:"✦";position:absolute;color:var(--gold);font-size:.72rem}.daily-orbit:before{top:14px;right:35px}.daily-orbit:after{bottom:22px;left:24px}.daily-orbit img{height:190px;width:111px;object-fit:cover;border-radius:9px;box-shadow:var(--shadow);transform:rotate(-3deg)}.danger-button,.primary-button,.secondary-button{min-height:48px;border-radius:999px;padding:12px 22px;border:1px solid transparent;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{color:var(--ink);background:linear-gradient(135deg,var(--gold-bright),#b58e50);box-shadow:0 10px 28px rgba(185,150,90,.22)}.secondary-button{color:var(--paper);background:rgba(255,255,255,.04);border-color:var(--line)}.danger-button{color:#ffd7ca;border-color:rgba(163,93,72,.5);background:rgba(163,93,72,.12)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.48}.wide{width:100%}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.reading-tile{position:relative;min-height:176px;padding:20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,rgba(105,94,137,.25),rgba(255,255,255,.025));overflow:hidden}.reading-tile:after{content:"";position:absolute;width:90px;height:90px;border:1px solid var(--line);border-radius:50%;right:-25px;bottom:-28px}.reading-tile h2{font-size:1.15rem;line-height:1.55;margin-bottom:7px}.reading-tile p{color:var(--mist);font-size:.82rem;line-height:1.6;margin:0}.reading-tile .tile-number{color:var(--gold-bright);font-family:Shippori Mincho,serif;font-size:1.45rem;margin-bottom:22px}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 28px),520px);display:grid;grid-template-columns:repeat(3,1fr);padding:7px;border:1px solid var(--line);border-radius:22px;background:rgba(24,19,39,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:48px;padding:5px;color:rgba(213,206,221,.62);font-size:.68rem;border-radius:16px}.bottom-nav a.active{color:var(--gold-bright);background:rgba(196,164,107,.1)}.form-card,.paper-card{border-radius:24px;padding:22px;margin:22px 0}.form-card{border:1px solid var(--line);background:rgba(255,255,255,.035)}.paper-card{background:var(--paper);box-shadow:var(--shadow)}.paper-card,.paper-card h2,.paper-card h3{color:#2a2332}label{display:block;color:var(--gold-bright);font-size:.8rem;letter-spacing:.06em;margin:16px 0 7px}input,select,textarea{width:100%;font:inherit;font-size:16px;color:var(--paper);background:rgba(8,6,16,.42);border:1px solid rgba(213,206,221,.22);border-radius:13px;padding:13px 14px;resize:vertical}textarea{min-height:100px}input[type=checkbox],input[type=radio]{width:auto;font-size:inherit}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23d5cedd'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.19l3.71-3.96a.75.75 0 111.08 1.04l-4.25 4.53a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:18px}input[type=date],input[type=time],select{appearance:none;-webkit-appearance:none;background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}input[type=date],input[type=time]{height:54px;background-size:20px}input[type=date]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d5cedd' stroke-width='1.6'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2.5'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 10h17'/%3E%3C/svg%3E")}input[type=time]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d5cedd' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{opacity:0}input[type=date]:not(.has-value)::-webkit-datetime-edit,input[type=time]:not(.has-value)::-webkit-datetime-edit{color:transparent}.date-field{position:relative}.date-field-placeholder{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:rgba(244,239,229,.38);font-size:16px;pointer-events:none}.form-error{color:#ffc1ae;font-size:.84rem;margin:10px 0}.ritual-stage{text-align:center;margin-top:24px}.ritual-stage h2{font-size:1.35rem}.fan-action{min-height:68px;margin:14px auto 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--mist);font-size:.8rem}.fan-action small{color:rgba(213,206,221,.72);font-size:.7rem;letter-spacing:.02em}.fan{position:relative;height:285px;margin:0 auto 20px;width:min(100%,520px);overflow:hidden}.fan-card{position:absolute;left:calc(50% - 42px);bottom:7px;width:84px;height:144px;border:1px solid rgba(226,201,142,.55);border-radius:8px;background:#4e4966;pointer-events:none;transform-origin:50% 130%;transition:transform .25s ease,opacity .2s ease,filter .2s ease;box-shadow:0 10px 26px rgba(0,0,0,.32)}.fan-card img{width:100%;height:100%;object-fit:cover;border-radius:7px}.fan-card.candidate{filter:brightness(1.14);box-shadow:0 15px 30px rgba(5,3,13,.48)}.fan-card.chosen{opacity:1;pointer-events:none;filter:brightness(1.08);box-shadow:0 18px 34px rgba(5,3,13,.55),0 0 0 1px rgba(226,201,142,.42)}.fan-card.cancel-candidate{filter:brightness(.82) saturate(.75);box-shadow:0 18px 34px rgba(5,3,13,.55),0 0 0 2px rgba(163,93,72,.72)}.fan-hit-map{position:absolute;z-index:80;inset:176px 0 0;display:grid;grid-template-columns:1.35fr repeat(11,minmax(0,1fr)) 1.35fr}.fan-hit-zone{min-width:0;padding:0;border:0;border-radius:10px;background:transparent;touch-action:manipulation}.fan-hit-zone:disabled{pointer-events:none}.fan-hit-zone:focus-visible{background:rgba(226,201,142,.09);outline-offset:-3px}.fan-cancel-zone{position:absolute;z-index:90;left:calc(50% - 28px);top:25px;width:56px;height:150px;padding:0;border:0;border-radius:10px;background:transparent;touch-action:manipulation}.fan-cancel-zone:focus-visible{background:rgba(163,93,72,.12);outline-color:#d58c73;outline-offset:-3px}.fan-confirm{width:min(100%,320px);margin:0 auto}.selection-progress{color:var(--gold-bright);font-size:.83rem;letter-spacing:.06em}.reveal-grid{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:14px;margin:26px 0}.reveal-item{width:min(31%,144px);min-width:94px;text-align:center}.flip-button{width:100%;aspect-ratio:958/1642;padding:0;border:0;border-radius:10px;background:transparent;perspective:900px}.flip-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.25,1)}.flip-button.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border-radius:10px;box-shadow:var(--shadow)}.flip-face img{width:100%;height:100%;object-fit:cover}.flip-front{transform:rotateY(180deg);background:var(--paper)}.flip-front.reversed img{transform:rotate(180deg)}.card-position{margin-top:9px;color:var(--gold-bright);font-size:.73rem}.card-name{margin-top:3px;color:var(--mist);font-size:.75rem}.card-spotlight{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 44%,rgba(196,164,107,.2),transparent 34%),rgba(10,7,20,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:1;transition:opacity .26s ease;overscroll-behavior:contain}.card-spotlight:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background-image:radial-gradient(circle,rgba(244,239,229,.82) 0 1px,transparent 1.4px);background-size:67px 67px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 72%);mask-image:radial-gradient(circle at center,#000,transparent 72%)}.card-spotlight.exiting{opacity:0;pointer-events:none}.card-spotlight-surface{position:relative;z-index:1;width:min(100%,520px);height:min(100%,780px);padding:8px 0;border:0;border-radius:28px;color:var(--paper);background:transparent;display:grid;grid-template-rows:26px minmax(0,1fr) auto 24px;place-items:center;touch-action:manipulation}.card-spotlight-surface:focus-visible{outline-offset:-5px}.spotlight-progress{align-self:start;color:var(--gold-bright);font-size:.72rem;letter-spacing:.18em}.spotlight-halo{position:absolute;z-index:-1;left:50%;top:45%;width:min(92vw,470px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(226,201,142,.3);border-radius:50%;box-shadow:inset 0 0 90px rgba(196,164,107,.08),0 0 90px rgba(102,93,134,.22)}.spotlight-halo:after,.spotlight-halo:before{content:"✦";position:absolute;color:var(--gold-bright);font-size:.72rem}.spotlight-halo:before{top:8%;right:17%}.spotlight-halo:after{bottom:12%;left:12%}.spotlight-card{align-self:center;width:min(68vw,290px,34vh);aspect-ratio:958/1642;perspective:1200px;filter:drop-shadow(0 28px 42px rgba(0,0,0,.55));transform:translateY(8px) scale(.94);transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .3s ease}.spotlight-card-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.25,1)}.card-spotlight.face-up .spotlight-card{transform:translateY(0) scale(1);filter:drop-shadow(0 34px 54px rgba(0,0,0,.62))}.card-spotlight.face-up .spotlight-card-inner{transform:rotateY(180deg)}.spotlight-face{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(226,201,142,.55);border-radius:15px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(0deg) translateZ(1px);background:#4e4966}.spotlight-face img{width:100%;height:100%;object-fit:cover}.spotlight-front{transform:rotateY(180deg) translateZ(1px);background:var(--paper)}.spotlight-front.reversed img{transform:rotate(180deg)}.spotlight-caption{display:grid;place-items:center;gap:2px;min-height:69px;margin-top:10px;opacity:0;transform:translateY(7px);transition:opacity .3s ease .36s,transform .3s ease .36s}.card-spotlight.face-up .spotlight-caption{opacity:1;transform:translateY(0)}.spotlight-caption strong{font-family:Shippori Mincho,serif;font-size:1.32rem;letter-spacing:.08em}.spotlight-caption>span:last-child,.spotlight-position{color:var(--gold-bright);font-size:.72rem;letter-spacing:.1em}.spotlight-hint{color:rgba(213,206,221,.72);font-size:.7rem;letter-spacing:.08em;opacity:.7}.card-spotlight.ready .spotlight-hint{opacity:1}.natal-wheel h2{text-align:center;font-size:1.05rem;margin-bottom:16px}.natal-wheel-svg{display:block;width:100%;max-width:320px;height:auto;margin:0 auto;overflow:visible}.natal-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:18px;font-size:.74rem;color:var(--mist)}.natal-legend div{display:flex;align-items:center;gap:6px}.natal-legend-icon{width:18px;height:18px;border-radius:50%;border:1px solid var(--line);flex-shrink:0}.kaku-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:18px;font-size:.74rem;color:var(--mist)}.reading-result{margin-top:28px}.reading-result .summary{font-family:Shippori Mincho,serif;font-size:1.08rem;line-height:2}.reading-section{padding:18px 0;border-top:1px solid rgba(42,35,50,.14)}.reading-section h3{font-size:1rem;margin-bottom:9px}.action-box,.reading-section p{line-height:1.9}.action-box{background:rgba(95,87,126,.1);border-left:3px solid var(--rust);border-radius:4px 12px 12px 4px;padding:14px 16px;margin-top:12px}.disclaimer{color:rgba(213,206,221,.65);font-size:.72rem;line-height:1.7;margin-top:14px}.loading-reading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:180px;color:var(--mist);text-align:center}.loading-reading:before{content:"✦";color:var(--gold-bright);font-size:1.6rem;animation:pulse 1.2s ease-in-out infinite}.loading-reading small{max-width:24rem;color:var(--muted);font-size:.78rem;line-height:1.7}.history-list{display:grid;gap:12px;margin-top:24px}.history-item{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);overflow:hidden}.history-item summary{list-style:none;cursor:pointer;padding:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.history-item summary::-webkit-details-marker{display:none}.history-body{padding:0 17px 17px;color:var(--mist);line-height:1.75}.mini-cards{display:flex;gap:5px}.mini-cards img{width:30px;height:51px;object-fit:cover;border-radius:3px}.empty-state{text-align:center;padding:52px 20px;border:1px dashed var(--line);border-radius:20px;color:var(--mist)}.settings-block{border-top:1px solid var(--line);padding:22px 0}.settings-block h2{font-size:1.08rem}.gate{min-height:100vh;display:grid;place-items:center;padding:22px;text-align:center}.gate-card{width:min(100%,390px);border:1px solid var(--line);border-radius:28px;padding:32px 25px;background:rgba(33,27,54,.88);box-shadow:var(--shadow)}.gate-card img{margin:0 auto 18px;border-radius:20px}.gate-card p{color:var(--mist);line-height:1.75}.gate-card form{text-align:left}.gate-loading{color:var(--mist)}@keyframes pulse{50%{opacity:.35;transform:scale(.8) rotate(22deg)}}@media (min-width:700px){.app-shell{padding-top:42px}.reading-tile{min-height:190px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}