body.app{min-height:100vh;display:flex;flex-direction:column}.appbar{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:#03090dc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.appbar .wrap{max-width:1440px;display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px}.stepper{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}.stepper li{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--dim);letter-spacing:.03em}.stepper li+li:before{content:"";width:56px;height:1px;background:var(--line-2);margin:0 18px}.stepper .n{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-family:var(--caps);font-size:11px;color:var(--dim)}.stepper li.done .n{background:#e6cd8e1f;border-color:var(--brass);color:var(--gold)}.stepper li.on{color:var(--cream)}.stepper li.on .n{background:linear-gradient(180deg,#f2dea4,#c9a35a);color:#1a1206;border-color:transparent;box-shadow:0 0 24px #e6cd8e59}.appbar .exit{font-size:13px;color:var(--mist)}.stage{flex:1;position:relative;z-index:1}.stage .wrap{max-width:1240px}.ob-head{text-align:center;padding:72px 0 52px}.ob-head h1{font-size:clamp(44px,5vw,72px);margin:20px 0 16px;line-height:1}.ob-head p{max-width:34em;margin:0 auto;font-size:16.5px}.footbar{position:sticky;bottom:0;z-index:30;border-top:1px solid var(--line);background:#03090ddb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.footbar .wrap{max-width:1440px;display:flex;justify-content:space-between;align-items:center;height:84px;gap:16px}.footbar .hint{font-size:13px;color:var(--dim)}.back{font-size:14px;color:var(--mist)}.choose{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;padding-bottom:96px}.choose>.opt{grid-column:span 2}.choose>.opt:nth-child(-n+2){grid-column:span 3}.opt{position:relative;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#123a454d,#03090db3);overflow:hidden;cursor:pointer;transition:all .6s var(--ease);display:flex;flex-direction:column}.opt:hover{border-color:var(--line-2)}.opt.sel{border-color:#e6cd8eb3;box-shadow:0 0 0 1px #e6cd8e59,0 40px 100px -40px #c9a35a73}.opt .check{position:absolute;top:22px;right:22px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-size:14px;color:transparent;z-index:2;background:#03090d99}.opt.sel .check{background:linear-gradient(180deg,#f2dea4,#c9a35a);color:#1a1206;border-color:transparent}.opt .vis{height:420px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(201,163,90,.13),transparent 62%)}.opt .vis img.round{width:340px;height:340px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 7px #c9a35a1f,0 30px 70px -20px #000}.opt .vis img.tall{height:380px;width:auto;border-radius:10px;box-shadow:0 30px 70px -20px #000}.opt .txt{padding:28px 32px 32px;border-top:1px solid var(--line)}.opt h3{font-size:34px;margin:8px 0 10px;font-weight:400}.opt p{font-size:14.5px;margin:0 0 18px}.opt .chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:11.5px;color:#c4ccc9;border:1px solid var(--line);border-radius:999px;padding:5px 12px;background:#ffffff04}.opt.lock{cursor:default;border-style:dashed}.opt.lock .vis{height:420px}.opt.lock .vis svg{width:220px;opacity:.55}.birth{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;padding:12px 0 96px;align-items:start}.panel{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#0e2c3561,#03090db3);padding:40px}.field{margin-bottom:28px}.field label,.lbl{display:block;font-family:var(--caps);font-size:11px;letter-spacing:.24em;color:var(--brass);margin-bottom:12px;text-transform:uppercase}.field .opt-note{font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--dim);font-size:12px;margin-left:8px}.fld{width:100%;height:60px;border-radius:14px;border:1px solid var(--line-2);background:#02080b99;color:var(--cream);font:400 17px var(--sans);padding:0 20px;outline:none;transition:border-color .3s,box-shadow .3s}.fld:focus,.fld.focus{border-color:var(--gold);box-shadow:0 0 0 4px #e6cd8e1a}.fld::placeholder{color:#55666a}.seg{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px}.seg2{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center}.ampm{display:flex;border:1px solid var(--line-2);border-radius:14px;overflow:hidden;height:60px}.ampm span{display:grid;place-items:center;padding:0 18px;font-size:14px;color:var(--dim)}.ampm span.on{background:#e6cd8e1f;color:var(--gold-hi)}.toggle-row{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border:1px solid var(--line);border-radius:14px;margin-top:14px;background:#ffffff03}.sw{flex:none;width:44px;height:26px;border-radius:999px;background:#183039;position:relative;transition:background .3s;cursor:pointer;border:1px solid var(--line-2)}.sw:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#7d8f93;transition:all .35s var(--ease)}.sw.on{background:linear-gradient(180deg,#e6cd8e,#b38a43);border-color:transparent}.sw.on:after{left:21px;background:#1a1206}.toggle-row b{display:block;font-weight:500;font-size:14.5px;color:var(--cream);margin-bottom:2px}.toggle-row span{font-size:13px;color:var(--mist)}.ac{position:relative}.ac .fld{padding-left:50px}.ac .pin{position:absolute;left:20px;top:19px;color:var(--brass);font-size:16px}.ac-list{position:absolute;z-index:5;left:0;right:0;top:68px;border:1px solid var(--line-2);border-radius:16px;background:#061218;box-shadow:0 30px 80px -20px #000;overflow:hidden}.ac-list div{display:flex;justify-content:space-between;gap:16px;padding:15px 20px;font-size:15px;border-bottom:1px solid var(--line);cursor:pointer}.ac-list div:last-child{border-bottom:0}.ac-list div.hi,.ac-list div:hover{background:#e6cd8e12}.ac-list b{font-weight:500;color:var(--cream)}.ac-list b u{text-decoration:none;color:var(--gold)}.ac-list small{font-family:var(--mono);font-size:11px;color:var(--dim);white-space:nowrap;align-self:center}.resolved{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.resolved span{font-family:var(--mono);font-size:11px;color:var(--cyan);border:1px solid rgba(127,214,216,.28);border-radius:999px;padding:5px 12px}.side{position:sticky;top:110px}.side .preview{position:relative;aspect-ratio:1;border-radius:50%;margin:6px auto 28px;width:78%;padding:7px;background:conic-gradient(from 200deg,#8a6a33,#e8cf8f,#a07a3c,#f6e6b8,#9a7438,#e2c27e,#8a6a33);box-shadow:0 40px 90px -30px #000}.side .preview img{border-radius:50%;width:100%;height:100%;object-fit:cover}.readings{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line)}.readings div{padding:18px 0 4px;text-align:center}.readings .g{font-family:var(--astro);font-size:22px;color:var(--gold);display:block}.readings b{display:block;font-family:var(--serif);font-weight:450;font-size:20px;color:var(--cream)}.readings span{font-size:11.5px;color:var(--dim)}.privacy-note{display:flex;gap:14px;align-items:flex-start;margin-top:26px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);font-size:13px;color:var(--mist)}.privacy-note i{font-style:normal;color:var(--gold);font-size:16px}body.app.studio .stage .wrap{max-width:1440px}.studio-grid{display:grid;grid-template-columns:340px 1fr 320px;gap:28px;padding:28px 0 40px;align-items:start}.mods{border:1px solid var(--line);border-radius:24px;background:#050f14c7;overflow:hidden}.mods h6{margin:0;padding:18px 22px 12px;font-family:var(--caps);font-size:10.5px;letter-spacing:.26em;color:var(--brass);font-weight:500;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}.mods h6:first-child{border-top:0}.mods h6 em{font-style:normal;font-family:var(--mono);letter-spacing:.08em;font-size:10px;color:var(--dim)}.mod{display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:center;padding:12px 22px;cursor:pointer;transition:background .3s}.mod:hover{background:#e6cd8e0a}.mod .gl{font-family:var(--astro);font-size:18px;color:var(--gold);text-align:center}.mod b{display:block;font-weight:500;font-size:14px;color:var(--cream)}.mod span{font-size:12px;color:var(--dim)}.mod.locked b{color:#b9c2bf}.mod .lk{font-size:10px;font-family:var(--mono);letter-spacing:.1em;color:#e0b7ff;border:1px solid rgba(224,183,255,.35);border-radius:999px;padding:3px 8px}.mod .lk.n{color:var(--gold);border-color:var(--line-2)}.canvas-wrap{position:relative;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#123a4599,#03090de6 70%)}.canvas-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);gap:12px;flex-wrap:wrap}.segctl{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;padding:3px}.segctl button{background:none;border:0;color:var(--mist);font:500 12.5px var(--sans);padding:8px 16px;border-radius:999px;cursor:pointer}.segctl button.on{background:#e6cd8e21;color:var(--gold-hi)}.loc{font-size:12.5px;color:var(--mist);border:1px solid var(--line-2);border-radius:999px;padding:8px 14px}.canvas{position:relative;aspect-ratio:1;max-height:calc(100vh - 290px);margin:0 auto;padding:22px}.canvas iframe{width:100%;height:100%;border:0;border-radius:50%;transition:filter .6s}.canvas.tall{aspect-ratio:2/3}.canvas.tall iframe{border-radius:16px}.timebar{display:flex;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mist)}.timebar input[type=range]{flex:1;accent-color:#c9a35a}.timebar .mono{color:var(--gold-hi)}.rail{display:grid;gap:20px}.card{border:1px solid var(--line);border-radius:24px;background:#050f14c7;padding:24px}.card .lbl{margin-bottom:16px}.swatches{display:flex;gap:12px}.swatches i{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);cursor:pointer;position:relative}.swatches i.on:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid var(--gold)}.exp{display:grid;gap:10px}.exp div{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:#c9d0cd}.exp div small{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--dim)}.exp div small.ok{color:var(--cyan)}.summary{font-size:13px;color:var(--mist);display:grid;gap:8px}.summary div{display:flex;justify-content:space-between}.summary b{font-weight:500;color:var(--cream)}.pw{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;background:#020609b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pw.open{display:flex}.pw .sheet{width:min(880px,94vw);border-radius:30px;border:1px solid rgba(230,205,142,.45);background:linear-gradient(180deg,#0b2129,#040c10 60%);box-shadow:0 60px 160px -40px #000,0 0 120px -40px #c9a35a59;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr}.pw .art{position:relative;background:radial-gradient(circle at 50% 50%,rgba(201,163,90,.18),transparent 65%);display:grid;place-items:center;padding:36px;border-right:1px solid var(--line)}.pw .art img{width:100%;border-radius:50%;box-shadow:0 0 0 6px #c9a35a24,0 30px 70px -20px #000}.pw .art .hl{position:absolute;bottom:34px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:11px;color:var(--cyan);border:1px solid rgba(127,214,216,.35);background:#03090dbf;border-radius:999px;padding:6px 14px;white-space:nowrap}.pw .cont{padding:44px 44px 36px}.pw h3{font-size:38px;font-weight:400;margin:16px 0 12px;line-height:1.05}.pw p{font-size:14.5px}.tiers{display:grid;gap:12px;margin:24px 0 22px}.tier-opt{display:grid;grid-template-columns:22px 1fr auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--line-2);border-radius:16px;cursor:pointer}.tier-opt.on{border-color:var(--gold);background:#e6cd8e0f}.tier-opt .rd{width:20px;height:20px;border-radius:50%;border:1px solid var(--line-2)}.tier-opt.on .rd{border:6px solid var(--gold)}.tier-opt b{display:block;font-weight:500;font-size:15px}.tier-opt span{font-size:12.5px;color:var(--dim)}.tier-opt .pr{font-family:var(--serif);font-size:26px;color:var(--cream);text-align:right;line-height:1}.tier-opt .pr small{display:block;font-family:var(--sans);font-size:11px;color:var(--dim)}.pw .close{position:absolute;top:20px;right:22px;background:none;border:1px solid var(--line-2);color:var(--cream);width:40px;height:40px;border-radius:50%;cursor:pointer}.pw .fine{font-size:12px;color:var(--dim);margin-top:14px;text-align:center}@media(max-width:1180px){.studio-grid{grid-template-columns:300px 1fr}.rail{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.choose{grid-template-columns:1fr 1fr}.choose>.opt,.choose>.opt:nth-child(-n+2){grid-column:auto}.choose>.opt:last-child{grid-column:1/-1}}@media(max-width:860px){.birth{grid-template-columns:1fr}.side{position:static}.studio-grid,.rail,.pw .sheet{grid-template-columns:1fr}.pw .art,.stepper li .t{display:none}.stepper li+li:before{width:28px;margin:0 10px}}@media(max-width:560px){.appbar .wrap{height:64px}.appbar .brand{font-size:0;gap:0;letter-spacing:0}.appbar .brand small{display:none}.ob-head{padding:44px 0 34px}.ob-head h1{font-size:44px}.choose{grid-template-columns:1fr}.opt .vis{height:320px}.opt .vis img.round{width:260px;height:260px}.opt .vis img.tall{height:290px}.opt .txt{padding:24px}.panel{padding:24px;border-radius:22px}.seg{grid-template-columns:1fr 1.3fr 1fr;gap:8px}.fld{height:54px;font-size:16px;padding:0 14px}.ac .fld{padding-left:44px}.ampm{height:54px}.ampm span{padding:0 12px}.seg2{grid-template-columns:1fr 1fr}.seg2 .ampm{grid-column:1/-1}.footbar .wrap{height:76px}.footbar .hint{display:none}.canvas{padding:12px;max-height:none}.canvas-top{padding:12px}.segctl button{padding:7px 12px}.pw{align-items:flex-end}.pw .sheet{border-radius:26px 26px 0 0;width:100%}.pw .cont{padding:32px 22px 26px}.pw h3{font-size:32px}}.appbar .exit{white-space:nowrap}@media(max-width:860px){.studio-grid .canvas-wrap{order:-1}}@media(max-width:560px){.appbar .exit{font-size:12px}.stepper .n{width:26px;height:26px;font-size:10px}.canvas-top{justify-content:center}}@media(max-width:560px){.timebar .mono{display:none}.timebar span{white-space:nowrap}}.appnav a{color:var(--mist);font:500 12.5px var(--sans);padding:8px 16px;border-radius:999px;transition:color .2s}.appnav a:hover{color:var(--gold-hi)}.appnav a.on{background:#e6cd8e21;color:var(--gold-hi)}.appbar .stepper{margin:0 auto}.ac-list[hidden],.step-pane[hidden]{display:none}.ob-note{margin:6px 0 0}.form-err{margin:12px 0 0;color:#f0a08f;font-size:14px;min-height:1.2em}.fb-actions{display:flex;gap:22px;align-items:center}.skipb[hidden]{display:none}.fld:disabled{opacity:.45}input[type=date].fld,input[type=time].fld{color-scheme:dark}.side .preview{overflow:hidden}.side .preview .pvc{position:absolute;inset:7px;border-radius:50%;overflow:hidden;opacity:0;transition:opacity .6s}.side .preview .pvc.on{opacity:1}.side .preview .pvc canvas{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}.side .preview.tall{aspect-ratio:var(--ar,2/3);border-radius:22px;width:calc(93%*var(--ar,.6667))}.side .preview.tall img,.side .preview.tall .pvc{border-radius:16px}.side .preview img.off{opacity:0}.side .preview img{transition:opacity .5s}.resolved .warn{color:#f0b08f}.sw{border:0;cursor:pointer;flex:none}.opt{outline-offset:4px}.studio-app{min-height:100vh}.studio{flex:1;position:relative;z-index:1;display:grid;grid-template-columns:minmax(330px,400px) 1fr;max-width:1680px;width:100%;margin:0 auto}.srail{border-right:1px solid var(--line);padding:18px 20px 60px;overflow:auto;max-height:calc(100vh - 77px);position:sticky;top:77px;scrollbar-width:thin;scrollbar-color:rgba(230,205,142,.25) transparent}.scard{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#0e2c3552,#03090d99);padding:16px 16px 14px;margin:0 0 14px}.scard h2{margin:0 0 12px;font:500 11.5px var(--caps);letter-spacing:.24em;color:var(--brass);text-transform:uppercase;display:flex;align-items:center;gap:6px}.scard h2 .opt-note{font:400 11px var(--sans);letter-spacing:.02em;text-transform:none;color:var(--dim)}.studio label{display:block;margin:8px 0;font-size:12.5px;color:var(--mist);letter-spacing:.02em}.studio input:not([type=checkbox]),.studio select{display:block;width:100%;margin-top:5px;height:40px;border-radius:10px;border:1px solid var(--line-2);background:#02080b99;color:var(--cream);font:400 14px var(--sans);padding:0 11px;min-width:0;color-scheme:dark;transition:border-color .2s}.studio input:focus,.studio select:focus{border-color:var(--gold);outline:none}.studio input:disabled{opacity:.45}.studio input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px;margin:0 8px 0 0;vertical-align:-2px}.studio .sck{display:flex;align-items:center;color:var(--cream);font-size:13.5px}.studio button:not(.btn):not(.link):not(.zd-help):not(.acc-t):not(.acc-all){background:#123a4573;color:var(--cream);border:1px solid var(--line-2);border-radius:10px;height:38px;padding:0 12px;font:500 13px var(--sans);cursor:pointer;transition:all .2s}.studio button:not(.btn):not(.link):not(.zd-help):not(.acc-t):not(.acc-all):hover{border-color:var(--gold);color:var(--gold-hi)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.row2.small{align-items:center}.row2.btns{margin-top:8px}.studio .small,.small{font-size:12px;color:var(--dim)}.studio .ok{color:#9fe0b0}.studio .warn{color:#f0b08f}.types{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio .types button{height:auto!important;text-align:left;padding:10px 12px!important;border-radius:12px!important}.types b{display:block;font:500 13px var(--caps);letter-spacing:.12em;color:var(--cream)}.types span{display:block;font-size:11.5px;color:var(--dim);line-height:1.35;margin-top:3px}.studio .types button.on{border-color:var(--gold)!important;background:#e6cd8e1a!important;box-shadow:0 0 0 1px #e6cd8e4d}.studio .seg{display:flex;gap:6px;margin-top:10px;align-items:center}.studio .seg button{flex:1}.toggles{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.toggles label{display:flex!important;align-items:center;margin:3px 0!important;font-size:13px!important;color:var(--cream)!important;line-height:1.3}.toggles label.na{opacity:.4}.toggles label span{flex:1}.studio details.more{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}.studio details.more summary{cursor:pointer;color:var(--gold);font-size:12.5px;list-style:none}.studio details.more summary::-webkit-details-marker{display:none}.studio details.more summary:before{content:"+ ";font-family:var(--mono)}.studio details.more[open] summary:before{content:"\2212  "}.studio details.more summary:after{display:none}#natalBox.dim{opacity:.6}.sugg{position:relative}.sugg ul{position:absolute;z-index:20;left:0;right:0;top:100%;margin:4px 0 0;padding:4px;list-style:none;background:#061218;border:1px solid var(--line-2);border-radius:12px;max-height:260px;overflow:auto;box-shadow:0 30px 70px -20px #000}.sugg li{padding:8px 10px;cursor:pointer;border-radius:8px;font-size:13.5px;color:var(--cream)}.sugg li:hover,.sugg li.sel{background:#e6cd8e1a}.chartinfo{line-height:1.55}.chartinfo table.chart{width:100%;border-collapse:collapse;font-size:12.5px;margin:8px 0;color:var(--cream)}.chartinfo td{padding:2px 4px;border-bottom:1px solid var(--line)}.chartinfo td.g{font-family:var(--astro);color:var(--gold);width:22px}.chartinfo>div{margin:4px 0;color:#c2cbc9}.privacy-line{margin:6px 4px 0;line-height:1.5}.sstage{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px clamp(14px,2.5vw,36px) 40px;min-width:0}.sbar-top,.dl,.share{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}.sstage .seg{margin:0;display:inline-flex;gap:6px}.sstage .tctl button{min-width:56px}.sel-inline{margin:0!important}.sel-inline select,.sel-inline input{margin-top:0!important;width:auto!important;height:38px!important}#stage{width:min(100%,calc(100vh - 250px));max-width:960px;min-width:280px;border-radius:12px;overflow:visible}#stage.tall{width:min(100%,calc((100vh - 250px)*var(--ar,.6667)))}#stage canvas{border-radius:10px;box-shadow:0 40px 100px -40px #000}.dl .btn{height:48px;padding:0 22px;font-size:13.5px}.dl .btn small{font-family:var(--mono);font-size:10px;letter-spacing:.08em;opacity:.75;margin-left:6px}.dl progress{width:160px;accent-color:var(--gold)}.share .sck{margin:0!important}.credits{text-align:center;max-width:52em}.credits a{color:var(--mist);border-bottom:1px solid var(--line-2)}.zd-help{border-color:#e6cd8e73!important;color:var(--gold)!important;background:#03090d80!important}@media(max-width:980px){.studio{grid-template-columns:1fr}.srail{position:static;max-height:none;border-right:0;border-top:1px solid var(--line);padding:18px var(--pad) 40px;order:2}.sstage{order:1;padding-top:14px}#stage,#stage.tall{width:100%;max-width:640px;min-width:0}#stage.tall{max-width:440px}.srail{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;align-items:start}.srail .privacy-line{grid-column:1/-1}}@media(max-width:640px){.srail{display:block}.appbar .appnav{display:none}.dl .btn{flex:1 1 44%;justify-content:center}.toggles{grid-template-columns:1fr}}@media(max-width:560px){.appbar .stepper .t{display:none}.fb-actions{gap:14px}.fb-actions .skipb{font-size:12px}}@media(max-width:640px){.appbar .appnav{display:inline-flex}.appbar .appnav a{padding:6px 10px;font-size:11.5px}.appbar .exit,.studio-app .appbar .brand small,.constel-app .appbar .brand small{display:none}}@media(max-width:640px){.appbar .appnav{display:inline-flex!important}}body.constel-app .stage .wrap{max-width:1440px}.gal-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.constel-app .plan-pill{color:var(--gold);border-color:var(--line-2)}.sample-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid var(--line-2);border-radius:14px;padding:12px 18px;margin:0 0 20px;font-size:14px;color:#c9d0cd;background:#e6cd8e0d}.sample-bar[hidden],.empty[hidden],.rel-grid[hidden],.hint2[hidden]{display:none}.empty{display:grid;grid-template-columns:260px 1fr;gap:44px;align-items:center;border:1px solid var(--line-2);border-radius:28px;padding:40px;background:linear-gradient(160deg,#123a4566,#03090d80);margin-bottom:24px}.empty h2{font-size:clamp(32px,4vw,46px);margin:0 0 14px}.empty p{max-width:34em;color:#c9d0cd}.empty-art img{border-radius:50%;box-shadow:0 30px 80px -30px #000}.watches{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important}.wc{cursor:default}.wc-pick{all:unset;display:block;width:100%;cursor:pointer;border-radius:50%}.wc-pick:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.fc canvas{display:block;width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:1;border-radius:50%;opacity:0;transition:opacity .5s}.wc .bz .fc.on canvas{opacity:1}.wc-x{position:absolute;top:12px;left:12px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);background:#03090d99;color:var(--mist);cursor:pointer;font-size:12px;opacity:.6;transition:all .2s;z-index:2}.wc-x:hover,.wc-x:focus-visible{opacity:1;color:#f0a08f;border-color:#c8564b}.wc .tu{font-family:var(--sans);font-size:11.5px;color:var(--dim)}.wc.add{min-height:300px;font:inherit;cursor:pointer}.wc.add b{font-weight:500;color:var(--cream)}.consent{margin:22px 0 0}.hint2{text-align:center;color:var(--mist);padding:40px 0 80px}.hp .top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pairsel{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--dim);font-size:12px}.pairsel select{height:34px;border-radius:999px;border:1px solid var(--line-2);background:#02080b99;color:var(--cream);font:400 13px var(--sans);padding:0 12px;color-scheme:dark}.hp .bd .lbl{display:block;font-family:var(--caps);font-size:10.5px;letter-spacing:.24em;color:var(--brass);margin:18px 0 8px;text-transform:uppercase}.hp .sub{margin:0 0 14px}.ov-top .narr{font-size:18px;margin:0 0 12px;padding-left:14px;border-left:2px solid var(--line-2)}.nbar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:#ffffff0a;margin-bottom:8px}.nbar i{display:block;height:100%}.n-ha{background:#e6cd8e}.n-ch{background:#d06a5e}.n-fu{background:#7fd6d8}.n-ad{background:#a78bd8}.nleg{display:flex;gap:16px;flex-wrap:wrap;font-size:11.5px;color:var(--dim);margin-bottom:18px}.nleg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.lcard{border:1px solid var(--line);border-left:3px solid var(--line-2);border-radius:14px;padding:14px 16px;margin-bottom:10px;background:#03090d59}.lcard.n-ha,.lcard.n-ch,.lcard.n-fu,.lcard.n-ad{background:#03090d59}.lcard.n-ha{border-left-color:#e6cd8e}.lcard.n-ch{border-left-color:#d06a5e}.lcard.n-fu{border-left-color:#7fd6d8}.lcard.n-ad{border-left-color:#a78bd8}.lh{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.lh .g{font-family:var(--astro);font-size:17px;color:var(--gold-hi);margin-right:4px}.lh b{font-weight:500;color:var(--cream)}.lh .chip{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--mist);border:1px solid var(--line-2);border-radius:999px;padding:2px 9px;background:none}.lh .chip.warn{color:#f0b08f;border-color:#c8564b80}.lt{margin:0 0 8px;font-size:14.5px;color:#dfe3dc;line-height:1.55}.lm{margin:6px 0 0;font-size:13px;color:var(--mist)}.layer{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:12.5px;color:#b9c3c1}.layer b{color:var(--gold);font-weight:500}.days div.mixed{border-color:#7fd6d859;color:var(--mist)}.days div span{pointer-events:none}.lg-good{background:#e6cd8e40;border:1px solid rgba(230,205,142,.5)}.lg-care{background:#c8564b40;border:1px solid rgba(200,86,75,.6)}.lg-dot{background:var(--cyan);border-radius:50%!important;width:6px!important;height:6px!important}.lg-fu{background:#7fd6d8}.lg-ha{background:#e6cd8e}.lg-ch{background:#d06a5e}.tsel{display:inline-flex;gap:6px;margin-bottom:12px}.tsel button{background:none;border:1px solid var(--line-2);color:var(--mist);border-radius:999px;padding:7px 16px;font:500 12.5px var(--sans);cursor:pointer}.tsel button.on{background:#e6cd8e1f;color:var(--gold-hi);border-color:var(--gold)}.addm .sheet{max-height:94vh;overflow:auto}.addm label{display:block}.addm .lab{display:block;font-size:12px;color:var(--mist);margin-bottom:6px}.addm select.fld{-webkit-appearance:none;appearance:none;cursor:pointer}.addm .fld{height:52px;font-size:15.5px}.addm .chk-line{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#c9d0cd;margin:0 0 12px}.addm .chk-line input,.addm .chk input{accent-color:var(--gold);width:18px;height:18px;flex:none;margin:1px 0 0}.addm .chk{cursor:pointer}.addm .placel{margin-bottom:6px}.addm .ac-list{top:58px}.addm .btn{width:100%;justify-content:center}.addm .close{position:absolute;top:20px;right:22px;background:none;border:1px solid var(--line-2);color:var(--cream);width:40px;height:40px;border-radius:50%;cursor:pointer}@media(max-width:980px){.rel-grid{grid-template-columns:1fr!important}.biwheel{max-width:560px;margin:0 auto;width:100%}}@media(max-width:700px){.empty{grid-template-columns:1fr;padding:28px;gap:24px}.empty-art{max-width:200px}.watches{grid-template-columns:1fr 1fr!important;gap:12px}.wc{padding:16px 12px 14px;border-radius:20px}.wc h4{font-size:21px}.wc .big3{font-size:11px}.wc.add{min-height:200px}.days{grid-template-columns:repeat(9,1fr)}.hgrid{grid-template-columns:1fr}.hp .bd{padding:18px}.pairsel{margin-left:0;width:100%}.addm .sheet{padding:26px 20px}.addm .row{grid-template-columns:1fr}.gal-head{padding-top:32px}}.seg button.qbtn{flex:0 0 22px;width:22px;height:22px;min-height:0;padding:0;border-radius:50%;align-self:center;margin-left:4px;background:transparent}.studio details.more summary{display:block;text-align:left;padding:4px 0}@media(max-width:560px){.footbar .fb-actions{flex-wrap:wrap;justify-content:flex-end;row-gap:6px}.footbar .skipb{flex:1 0 100%;text-align:right;font-size:12.5px;order:-1;white-space:nowrap;border-bottom:0;background:none;text-decoration:underline;text-decoration-color:#e6cd8e73;text-underline-offset:4px}.footbar .back{white-space:nowrap}.footbar .skipb[hidden]{display:none}}.subpage{padding-top:clamp(88px,10vw,128px)}.acc{padding:0;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#0e2c3547,#03090d8c);margin:0 0 8px;overflow:hidden;transition:border-color .25s,background .25s}.acc.open{border-color:#e6cd8e52;background:linear-gradient(180deg,#163c4661,#03090d9e)}.acc-h{display:flex;align-items:center;gap:6px;margin:0!important;padding:0 10px 0 0;font:inherit!important;letter-spacing:normal!important;text-transform:none!important}.acc-h .zd-help{flex:none}.studio .acc-t,.constel-app .acc-t,.acc-t{all:unset;box-sizing:border-box;flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;grid-template-areas:"n c" "s c";column-gap:12px;row-gap:3px;align-items:center;min-height:56px;padding:11px 6px 11px 16px;cursor:pointer;border-radius:14px;-webkit-tap-highlight-color:transparent}.acc-t:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.acc-n{grid-area:n;font:500 11.5px var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}.acc-s{grid-area:s;font:400 13.5px/1.35 var(--sans);color:var(--cream);opacity:.86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.acc-c{grid-area:c;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .25s}.acc-c:before{content:"";width:7px;height:7px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:translateY(-2px) rotate(45deg)}.acc-t:hover .acc-c{border-color:var(--gold)}.acc.open>.acc-h .acc-c{transform:rotate(180deg)}.acc-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.2,.7,.2,1)}.acc.open>.acc-b{grid-template-rows:1fr}.acc-in{overflow:hidden;min-height:0;padding:0 16px;opacity:0;transition:opacity .25s,padding .32s}.acc.open>.acc-b>.acc-in{opacity:1;padding:2px 16px 14px}.acc-still,.acc-still *{transition:none!important}@media(prefers-reduced-motion:reduce){.acc-b,.acc-in,.acc-c{transition:none!important}}.acc-all{all:unset;cursor:pointer;font:500 11px var(--caps);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);padding:8px 10px;border-radius:999px;border:1px solid var(--line-2);white-space:nowrap}.acc-all:hover{border-color:var(--gold)}.acc-all:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.acc-all[hidden]{display:none}.scard-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.scard-h h2{margin:0}.chartinfo .big3{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}.chartinfo .big3>span{border:1px solid var(--line-2);border-radius:999px;padding:4px 10px;font-size:12.5px;color:var(--cream)}.chartinfo .acc-in{font-size:12.5px;line-height:1.55}.acc-bar{display:flex;align-items:center;gap:10px;width:100%;margin:14px 0 2px;padding:0 2px}.acc-bar-t{font:500 11.5px var(--caps);letter-spacing:.24em;text-transform:uppercase;color:var(--brass)}.acc-bar-n{flex:1;font-size:12px;color:var(--dim)}.acc-bar[hidden]{display:none}#stage .zd-panels.acc-on{grid-template-columns:1fr;gap:0;margin-top:8px;font-size:14px}#stage .zd-panels.acc-on>.zd-card.acc{padding:0;background:linear-gradient(180deg,#0e2c3547,#03090d8c);border-color:var(--line)}#stage .zd-panels.acc-on>.zd-card.acc.open{border-color:#e6cd8e52}#stage .zd-panels.acc-on>.zd-card.acc>.acc-h{margin:0!important}@media(max-width:640px){.acc-t{min-height:60px;padding:12px 4px 12px 14px}.acc-c{width:34px;height:34px}.acc-in,.acc.open>.acc-b>.acc-in{padding-left:14px;padding-right:14px}.acc-s{white-space:normal}}.savebar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;width:max-content;max-width:100%;position:sticky;bottom:18px;z-index:30;padding:8px 18px 8px 8px;border-radius:999px;background:#03090dd1;border:1px solid var(--line-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 50px -18px #000c}.savebar[hidden]{display:none}.savebar .btn-save{height:52px;padding:0 30px;font-size:14.5px;min-width:200px;justify-content:center;transition:transform .2s,box-shadow .2s,background .3s,color .3s}.savebar .btn-save:disabled{opacity:.75;cursor:progress}.savebar.saved .btn-save{background:#9fe0b014;color:#bfe9c9;box-shadow:inset 0 0 0 1px #9fe0b073}.savebar.saved .btn-save:hover{transform:none}.save-note{font-size:12.5px;color:var(--dim);max-width:280px}.savebar.saved .save-note{color:#9fe0b0}.savebar.err .save-note{color:#f0b08f}@media(max-width:980px){.savebar{position:fixed;left:0;right:0;bottom:0;z-index:40;gap:10px;width:auto;border:0;border-radius:0;box-shadow:none;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#03090d00,#03090deb 28%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-wrap:nowrap}.savebar .btn-save{flex:1;min-width:0;height:54px}.save-note{flex:0 1 40%;font-size:12px}body.has-savebar .studio{padding-bottom:84px}}.savebar .btn-askh{margin-left:8px}@media(max-width:640px){.savebar .btn-askh{margin-left:0;padding-inline:14px}}
