html{overflow-x:auto}body{overflow:visible}@media (min-width:1100px){#root,.app-frame{min-width:1021px}}:root{--natal-col-width:480px;--scroll-gap:17px;--luck-card-max:1014px;--luck-card-max-open:1044px;--card-gap:8px;--luck-col-max:calc(var(--luck-card-max-open) + var(--scroll-gap));--layout-max:1882px;--note-col-width:630px;--head-h:50px}.top,.menu-drawer .menu-head{min-height:var(--head-h);padding-top:6px;padding-bottom:6px}.panel{scroll-margin-top:calc(var(--head-h) + 10px)}.busy-icon{width:38px;height:38px;color:var(--color-accent);flex:none;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.busy-icon svg{animation:.9s linear infinite busy-spin}@keyframes busy-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.busy-icon svg{animation:none}}.error-dialog-text{word-break:break-word;margin:4px 0 0;font-size:.95rem;line-height:1.5}.error-dialog-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.error-dialog-host .charge-consent{margin-top:12px;font-size:.95rem;line-height:1.5}.charge-consent+.error-dialog-actions .chip:disabled{opacity:.45;cursor:default}.error-dialog-text a{color:inherit;text-underline-offset:2px;text-decoration:underline}.desk{grid-template-columns:calc(var(--natal-col-width) + var(--scroll-gap)) minmax(460px, var(--luck-col-max));column-gap:var(--col-gap);width:100%;min-height:0;max-width:var(--layout-max);padding:0 var(--edge-gap);box-sizing:border-box;flex:auto;justify-content:center;margin:0 auto;display:grid}@media (min-width:1537px){.app-frame[data-sidebar=inline]{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);grid-template-rows:auto 1fr;display:grid}.app-frame[data-sidebar=inline]>.side-nav{box-sizing:border-box;grid-area:1/1/-1;height:100dvh;position:sticky;top:0}.app-frame[data-sidebar=inline]>.top{grid-area:1/2}.app-frame[data-sidebar=inline]>.desk{max-width:calc(var(--layout-max) - var(--sidebar-w) - var(--col-gap));grid-area:2/2}}.desk>.col{flex-basis:auto;min-width:0;min-height:0;padding-bottom:5px;overflow:hidden auto;transform:none}.desk>.col-natal,.desk>.col-luck{gap:var(--card-gap);scrollbar-gutter:stable;flex-direction:column;padding-right:0;display:flex}.desk>.col-natal section.panel{max-width:var(--natal-col-width);box-sizing:border-box}.desk>.col-luck>*{flex-shrink:0}.desk>.desk-page{grid-column:1/-1}.desk>.col-ai-reading{width:min(100%,552px);margin:0 auto}.desk>.col-home{width:min(100%,552px);margin-inline:auto}.desk>.col-home.col-home-wide{width:min(100%,876px)}.desk>.col-note{align-items:center;gap:var(--col-gap);flex-direction:column;display:flex}.desk>.col-note>.panel{width:var(--note-col-width);flex-shrink:0}.desk>.col-bbstar{--natal-col-width:360px;scrollbar-gutter:stable both-edges;grid-column:1/-1}.desk:has(>.col-bbstar-luck){--natal-col-width:360px;--luck-card-max:628px;--luck-card-max-open:628px;--luck-col-max:calc(628px + var(--scroll-gap))}.desk:has(>.col-bbstar-luck)>.col-bbstar{scrollbar-gutter:stable;grid-column:1}.desk:has(>.ai-foot){grid-template-rows:minmax(0,1fr) auto}.ai-foot{text-align:center;color:var(--color-muted);grid-column:1/-1;padding:3px 0 5px;font-size:11px;line-height:16px}table.bbstar-coin-table{font-size:13px;line-height:1.35}.bbstar-coin-table th.row-label,.bbstar-coin-table th.bbstar-row-label{white-space:nowrap;min-width:60px}.bbstar-coin-table td{min-width:70px}.bbstar-coin-table tr.bbstar-coin-row td{padding-top:4px;padding-bottom:2px}.bbstar-coin-table tr.bbstar-coin-row+tr.bbstar-coin-row td{padding-top:2px;padding-bottom:4.5px}.bbstar-coin-table td .hidden-faces{place-items:center;display:grid}.bbstar-coin-table td .hidden-faces>*{grid-area:1/1}.bbstar-coin-table td .hidden-faces>[aria-hidden=true]{visibility:hidden}.bbstar-coin-table td .bbstar-faces{place-items:center;display:grid}.bbstar-coin-table td .bbstar-faces>*{grid-area:1/1}.bbstar-coin-table td .bbstar-faces>[aria-hidden=true]{visibility:hidden}.bbstar-coin-table tr.hidden-zone th,.bbstar-coin-table tr.hidden-zone td{padding-top:2px;padding-bottom:2px}.bbstar-coin-table tr.hidden-first th,.bbstar-coin-table tr.hidden-first td{padding-top:4.5px}.bbstar-coin-table tr.hidden-last th,.bbstar-coin-table tr.hidden-last td{padding-bottom:4.5px}.desk .bbstar-coin-table td,.desk .bbstar-coin-table th{padding-left:4px;padding-right:4px}.desk .bbstar-coin-table th.bbstar-row-label{padding-left:0;padding-right:4px}.col-bbstar-luck .bbstar-table{width:0}.bbstar-coin-table tr.bbstar-stars-row th,.bbstar-coin-table tr.bbstar-stars-row td{height:44px}.bbstar-coin-table tr.bbstar-stars-row td{padding-top:4px;padding-bottom:4px}.desk>.col-bbstar section.panel,.desk>.col-bbstar .chart-failed{width:min(360px,100%);margin-inline:auto}.col-bbstar .band-stack{display:contents}.desk>.col-bbstar .chart-name{font-weight:400}.col-bbstar section.natal .cell-pill[data-paint=coin]{border-width:var(--el-border-width);border-radius:var(--el-chip-radius)}.bbstar-coin-table .stage-stack{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:4px;width:100%;display:flex}.bbstar-coin-table .stage-stack .cell-pill{box-sizing:border-box;border-radius:var(--el-chip-radius);height:38px;padding:0 10px;font-size:14px;line-height:36px;position:relative}.bbstar-coin-table tr.bbstar-napeum-row .stage-stack .cell-pill{padding:0 4px}.bbstar-coin-table .stage-stack .cell-pill[data-idx]:after{content:attr(data-idx);left:calc(50% + var(--clk-dx));top:calc(50% + var(--clk-dy));text-align:center;font-variant-numeric:tabular-nums;width:10px;height:8px;color:var(--color-muted);background:inherit;pointer-events:none;margin:-4px 0 0 -5px;font-size:8px;font-weight:500;line-height:8px;position:absolute}.bbstar-coin-table .stage-stack .cell-pill[data-idx]:before{content:"";pointer-events:none;--clk-ticks-size:2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 2px;--clk-ticks-image:radial-gradient(circle, var(--color-tick) 0 .6px, transparent 1.1px), radial-gradient(circle, var(--color-tick) 0 .6px, transparent 1.1px), radial-gradient(circle, var(--color-tick) 0 .6px, transparent 1.1px), radial-gradient(circle, var(--color-tick) 0 .6px, transparent 1.1px), radial-gradient(circle, var(--color-tick) 0 .6px, transparent 1.1px), radial-gradient(circle, var(--color-tick) 0 .6px, transparent 1.1px), radial-gradient(circle, var(--color-tick) 0 .6px, transparent 1.1px), radial-gradient(circle, var(--color-tick) 0 .6px, transparent 1.1px), radial-gradient(circle, var(--color-tick) 0 .6px, transparent 1.1px), radial-gradient(circle, var(--color-tick) 0 .6px, transparent 1.1px), radial-gradient(circle, var(--color-tick) 0 .6px, transparent 1.1px), radial-gradient(circle, var(--color-tick) 0 .6px, transparent 1.1px);--clk-ticks-position:calc(50% + 11px) calc(50% - 12px), calc(50% + 20px) calc(50% - 7px), calc(50% + 22px) calc(50% + 0px), calc(50% + 20px) calc(50% + 7px), calc(50% + 11px) calc(50% + 12px), calc(50% + 0px) calc(50% + 13px), calc(50% - 11px) calc(50% + 12px), calc(50% - 20px) calc(50% + 7px), calc(50% - 22px) calc(50% + 0px), calc(50% - 20px) calc(50% - 7px), calc(50% - 11px) calc(50% - 12px), calc(50% + 0px) calc(50% - 13px);background-repeat:no-repeat;background-size:var(--clk-ticks-size);background-image:var(--clk-ticks-image);background-position:var(--clk-ticks-position);position:absolute;inset:0}.stage-stack .cell-pill[data-idx="1"]{--clk-dx:11px;--clk-dy:-12px}.stage-stack .cell-pill[data-idx="2"]{--clk-dx:20px;--clk-dy:-7px}.stage-stack .cell-pill[data-idx="3"]{--clk-dx:22px;--clk-dy:0px}.stage-stack .cell-pill[data-idx="4"]{--clk-dx:20px;--clk-dy:7px}.stage-stack .cell-pill[data-idx="5"]{--clk-dx:11px;--clk-dy:12px}.stage-stack .cell-pill[data-idx="6"]{--clk-dx:0px;--clk-dy:13px}.stage-stack .cell-pill[data-idx="7"]{--clk-dx:-11px;--clk-dy:12px}.stage-stack .cell-pill[data-idx="8"]{--clk-dx:-20px;--clk-dy:7px}.stage-stack .cell-pill[data-idx="9"]{--clk-dx:-22px;--clk-dy:0px}.stage-stack .cell-pill[data-idx="10"]{--clk-dx:-20px;--clk-dy:-7px}.stage-stack .cell-pill[data-idx="11"]{--clk-dx:-11px;--clk-dy:-12px}.stage-stack .cell-pill[data-idx="12"]{--clk-dx:0px;--clk-dy:-13px}.bbstar-coin-table[data-ordinal=mark] .stage-stack .cell-pill[data-idx]:after{content:none}.bbstar-coin-table[data-ordinal=mark] .stage-stack .cell-pill[data-idx]:before{background-size:4px 4px, var(--clk-ticks-size);background-image:radial-gradient(circle, var(--color-text) 0 1.6px, transparent 2.1px), var(--clk-ticks-image);background-position:calc(50% + var(--clk-dx)) calc(50% + var(--clk-dy)), var(--clk-ticks-position)}.bbstar-coin-table .glyph-coin,section.judgment .glyph-coin{aspect-ratio:1;justify-content:center;position:relative}.bbstar-coin-table .glyph-marked .glyph-sub{position:static}.bbstar-coin-table .glyph-mark{width:5px;height:5px;margin-left:0;inset:calc(50% - 2.5px) auto auto calc(50% - 2.5px)}.bbstar-coin-table .glyph-mark:before{width:5px;height:5px;box-shadow:none;top:0;left:0;right:0}.bbstar-coin-table .glyph-mark[data-saenggeuk=dongaja]{top:1px;left:calc(50% - 2.5px)}.bbstar-coin-table .glyph-mark[data-saenggeuk=asaengja]{top:calc(50% - 8.51px);left:calc(50% + 15.98px)}.bbstar-coin-table .glyph-mark[data-saenggeuk=ageukja]{top:calc(50% + 13.22px);left:calc(50% + 8.92px)}.bbstar-coin-table .glyph-mark[data-saenggeuk=geukaja]{top:calc(50% + 13.22px);left:calc(50% - 13.92px)}.bbstar-coin-table .glyph-mark[data-saenggeuk=saengaja]{top:calc(50% - 8.51px);left:calc(50% - 20.98px)}.bbstar-coin-table .bbstar-godcoin .glyph-coin{min-width:45.08px}.bbstar-coin-table .bbstar-godcoin .glyph-main{font-size:14px}.bbstar-coin-table .row-fold,.bbstar-coin-table .bbstar-face-toggle,.bbstar-coin-table .ordinal-face-toggle{min-height:0;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:0;display:inline-flex}.bbstar-coin-table th.bbstar-row-merged{padding:0 4px 0 0}.desk .bbstar-coin-table .bbstar-face-toggle,.desk .bbstar-coin-table .ordinal-face-toggle{padding-right:4px}.bbstar-coin-table .bbstar-face-toggle,.bbstar-coin-table .ordinal-face-toggle{flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.bbstar-coin-table .bbstar-face-toggle{gap:5.4px}.bbstar-coin-table .bbstar-face-mid{border:1px solid var(--color-line);background:var(--color-pill-face);border-radius:8px;align-items:center;gap:3px;padding:0 7px;font-size:12px;display:inline-flex}.bbstar-coin-table .bbstar-face-mark{color:var(--color-brand-mark-deep);flex:0 0 10px}.bbstar-coin-table .ordinal-face-toggle .bbstar-face-mid{gap:2px;padding:0 3px}.desk .bbstar-coin-table .ordinal-face-toggle .bbstar-face-mid{margin-right:-4px}.bbstar-coin-table .row-fold .chevron{width:12px;height:12px;color:var(--color-muted);transform:rotate(-90deg)}.bbstar-coin-table .row-fold[aria-expanded=true] .chevron{transform:none}.col-bbstar :is(section.relations,section.judgment) .rel-tabs,.col-bbstar :is(section.relations,section.judgment) .rel-tab-row{gap:8px;display:grid}.col-bbstar :is(section.relations,section.judgment) .rel-tab-row-3{grid-template-columns:repeat(3,1fr)}.col-bbstar :is(section.relations,section.judgment) .rel-tab-row-2{grid-template-columns:repeat(2,1fr)}.col-bbstar :is(section.relations,section.judgment) .rel-tab-btn{box-sizing:border-box;text-align:center;width:100%;display:block}.col-bbstar :is(section.relations,section.judgment) .rel-tab-btn[aria-pressed=true]{background:rgba(var(--color-wash-rgb), .14);border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.col-bbstar :is(section.relations,section.judgment) .rel-tab-faces{display:grid}.col-bbstar :is(section.relations,section.judgment) .rel-tab-faces>*{grid-area:1/1}.col-bbstar :is(section.relations,section.judgment) .rel-tab-faces>[aria-hidden=true]{visibility:hidden}.col-bbstar section.relations .rel-tab-faces .block{border-top:none;border-bottom:none;margin-top:0;margin-bottom:4px;padding-top:4px}.col-bbstar section.judgment>.panel-body>.rel-tabs{padding-left:calc(var(--gutter) - 2px);padding-right:calc(var(--gutter) - 2px);margin-left:0;margin-right:0}.col-bbstar section.judgment .rel-tab-faces>section{padding-left:calc(var(--gutter) - 2px);padding-right:calc(var(--gutter) - 2px)}.col-bbstar section.judgment .rel-tab-btn{font-size:15px}.col-bbstar section.judgment .rel-tab-faces>section>.block:first-child{border-top:none;margin-top:0;padding-top:4px}.col-bbstar section.judgment .rel-tab-faces>section>.block:last-child{border-bottom:none;margin-bottom:4px}.col-bbstar section.judgment .rel-tab-faces>section.strength-gyeok>section{padding-left:0;padding-right:0}.col-bbstar section.judgment .rel-tab-faces>section.strength-gyeok>section:first-child>.block:first-child{border-top:none;margin-top:0;padding-top:4px}.col-bbstar section.judgment .rel-tab-faces>section.strength-gyeok>section:last-child>.block:last-child{border-bottom:none;margin-bottom:4px}.col-bbstar section.judgment .rel-tab-faces>section.strength-gyeok>section+section>.block:first-child{border-top:none;margin-top:-20px;padding-top:4px}.col-bbstar section.judgment .rel-tab-faces>section.yongsin .block{border-bottom:none}.col-bbstar section.polarity .cycle-line .cell-pill-btn{font-size:15px;font-weight:400}.col-bbstar section.polarity .el-god-name{text-align:center;padding-top:11px;padding-bottom:11px}@media (hover:hover){.col-bbstar section.polarity .el-god-name:hover{background:0 0}}.col-bbstar section.relations .rel-fixed-row{align-items:flex-start}.col-bbstar section.relations .rel-row-label{margin-top:0}.col-bbstar section.relations .rel-none{margin:0}.col-bbstar :is(section.strength,section.gyeok,section.yongsin) .ryeong-tail{font-size:15px}.desk>.col-note>section.notes{width:min(100%,692px)}section.notes:not(.panel-closed){height:calc(100dvh - var(--head-h) - 24px - 5px);flex-direction:column;display:flex}section.notes .panel-body{flex-direction:column;flex:auto;min-height:0;display:flex}.desk>.col-note>.error{width:calc(var(--note-col-width) - 2 * var(--gutter));box-sizing:border-box}.note-save{min-height:0;font:inherit;color:var(--color-accent-ink);background:var(--color-accent);cursor:pointer;border:none;border-radius:8px;padding:0 14px;font-size:15px;font-weight:500;line-height:1.55;position:relative}.note-save:after{content:"";position:absolute;inset:-12px}.note-save:disabled{opacity:.45;cursor:default}.note-save-inline{background:var(--color-cta);width:100%;color:var(--color-accent);align-self:stretch;font-size:16px;font-weight:700}.note-save-inline:not(:disabled):active{background:var(--color-cta-press)}.note-save-inline:after{content:none}.note-save-solo{grid-column:1/-1;padding-top:10px;padding-bottom:10px}.notes-body{padding:4px var(--gutter) 8px;flex-direction:column;flex:auto;min-height:0;display:flex}.notes-lead{margin:-16px calc(-1 * var(--gutter)) 6px;padding:4px var(--gutter) 8px;border-bottom:1px solid var(--color-line);align-items:center;gap:8px;display:flex}.notes-bulk{align-items:center;gap:8px;display:flex}.notes-input-btn{margin-left:auto}.notes-tabs{align-items:center;gap:6px;display:flex}.notes-lead .notes-tab.on{background:rgba(var(--color-wash-rgb), .14);border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.notes-find{align-items:center;gap:8px;min-height:44px;margin:0 0 6px;display:flex}@media (max-width:379.98px){.notes-find:has(.notes-selcount){flex-shrink:0}.notes-find:has(.notes-selcount) .pill-brk{height:0;display:block;overflow:hidden}:is(.notes-find:has(.notes-selcount) .cell-pill-btn,.notes-find:has(.notes-selcount) .notes-selcount){text-align:center;white-space:nowrap;padding-top:4px;padding-bottom:4px;line-height:1.2}}.notes-search{flex:auto;min-width:0;font-size:.85rem}.notes-search::placeholder{color:var(--color-muted)}.notes-sort{cursor:pointer;flex:none;font-size:.85rem}.notes-selcount{color:var(--color-accent);flex:none;font-size:.85rem;font-weight:600}.notes-delete-btn{margin-left:auto}.note-head{z-index:1;background:var(--color-card-bg);position:sticky;top:0}.notes-more{height:1px;list-style:none}.note-row-on{background:color-mix(in srgb, var(--color-accent) 7%, transparent)}.notes-none{text-align:center;color:var(--color-muted);margin:0;padding:40px 12px;line-height:1.9}.notes-count{color:var(--color-muted);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:.8rem}.notes-limit{margin:4px 0 8px}.notes-limit a{color:inherit;text-underline-offset:2px;text-decoration:underline}.notes-scroll{min-height:0;margin:0 calc(-1 * var(--gutter));flex:auto;overflow:auto}.note-caps{align-items:flex-start;gap:8px;display:flex}.note-caps-lead{flex:none;align-items:center;gap:8px;min-height:36px;display:flex}.note-caps-body{flex-wrap:nowrap;flex:auto;align-items:center;gap:8px;display:flex}.note-cell{flex:none;justify-content:center;align-items:center;display:inline-flex}.note-cell-info{width:182px}.note-cell-ilgan,.note-cell-ilju{width:77px}.note-cell-manse{width:64px}.note-cell-manse .note-cap-icon{box-sizing:border-box;justify-content:center;align-items:center;min-height:35px;display:inline-flex}.note-cell-manse .note-cap-icon:before{content:"";background:var(--color-brand-mark-deep);width:16px;height:16px;-webkit-mask:var(--card-icon) center / contain no-repeat;-webkit-mask:var(--card-icon) center / contain no-repeat;mask:var(--card-icon) center / contain no-repeat;animation:8s ease-in-out infinite card-star-twinkle}@media (prefers-reduced-motion:reduce){.note-cell-manse .note-cap-icon:before{animation:none}}.note-cell-manse .note-cap,.note-cell-star .note-cap,.note-cell-memo .note-cap,.note-cell-ilju .note-cap{flex:none;padding:2px 10px;font-size:.85rem;font-weight:400}.note-cell-manse .note-cap:after,.note-cell-star .note-cap:after,.note-cell-memo .note-cap:after,.note-cell-ilju .note-cap:after{inset:-9px 0}.note-cell-manse .note-cap-icon:after{inset:-9px -3px}.note-cell-star{width:89px}.note-cell-memo{width:51px}.note-head .note-col-label{color:var(--color-muted);white-space:nowrap;font-size:12px;font-weight:600}.note-head .note-num{text-align:center}.note-check-ph{flex:none;width:22px}.note-head .note-caps-lead{min-height:0}.note-head .note-caps{align-items:center}.note-head .note-caps-lead{align-self:center}.note-num{font-variant-numeric:tabular-nums;text-align:right;width:30px;font-size:.9rem}.note-info{border:1px solid var(--color-line);background:var(--color-pill-face);white-space:nowrap;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:10px;padding:6px 14px;font-size:.9rem;display:flex}.note-cell-info .note-info{width:178px}.note-info-name{text-overflow:ellipsis;text-align:center;flex:auto;min-width:0;overflow:hidden}.note-info-gender{flex:none}.note-info-btn{font:inherit;cursor:pointer;min-height:0;font-size:.9rem}.note-info-btn:disabled{cursor:default}.note-info-age{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:32px}.notes-list{min-width:613px;margin:0;padding:0;list-style:none}.note-row{padding:8px var(--gutter);border-top:1px solid #c8cfe0}.note-row:first-child{border-top:none}.note-check{width:16px;height:16px;margin:0;display:block}.note-cap{border:1px solid var(--color-line);background:var(--color-pill-face);min-height:0;font:inherit;color:var(--color-text);white-space:nowrap;cursor:pointer;border-radius:8px;flex:none;padding:6px 10px;font-size:.9rem;line-height:1.55;position:relative}.note-cap:disabled{cursor:default}@media (hover:hover){.note-cap:not(:disabled):hover,.note-info-btn:not(:disabled):hover{background:var(--color-pill-face-deep)}.note-ilgan:hover,.note-ilju:hover{background:rgba(var(--color-wash-rgb), .07);border-radius:8px}}.note-cell-memo .note-cap:disabled{opacity:.7}.note-cell-memo .note-cap[data-memo="1"]{color:var(--color-brand-mark-text)}.note-cap:after{content:"";position:absolute;inset:-6px 0}.note-ilgan,.note-ilju{min-height:0;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:4px;margin:0;padding:0;display:inline-flex;position:relative}.note-ilgan .glyph-coin,.note-ilju .glyph-coin{font-size:16px}.note-ilgan:after,.note-ilju:after{content:"";position:absolute;inset:-7px 0}.memo-pop{flex-direction:column;gap:8px;padding-bottom:2px;display:flex}.memo-edit{resize:none;width:100%;height:168px;font:inherit;border:1px solid var(--color-line);color:var(--color-text);border-radius:8px;padding:10px 12px;font-size:.9rem;line-height:1.6}.memo-count{font-variant-numeric:tabular-nums}.memo-note{margin:0}.query-readonly-note{text-align:center;margin:0}.memo-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.memo-save{padding:8px 26px}.memo-save:after{content:none}@media (hover:hover){.note-cap:not(:disabled):hover{background:var(--color-pill-face-deep)}.note-save:not(:disabled):hover{background:var(--color-accent-deep)}.note-save-inline:not(:disabled):hover{background:var(--color-cta-hover)}}.side-nav{border-right:1px solid var(--color-card-line);flex-direction:column;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.side-nav,.menu-drawer{background:var(--color-side-bg)}.account-row{width:100%;min-height:56px;padding:6px var(--gutter);border:none;border-top:1px solid var(--color-line);font:inherit;color:inherit;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;align-items:center;gap:10px;display:flex}.side-nav>.account-row,.menu-drawer>.account-row{margin-top:auto}.account-avatar{background:var(--color-brand-mark);width:28px;height:28px;color:var(--color-accent-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.account-avatar:before{content:"";background:var(--color-accent-ink);width:18px;height:18px;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M5.5%2011.5%20L17%205%22%20stroke-width%3D%223.8%22%2F%3E%3Cpath%20d%3D%22M11%2012.5%20L7.5%2021%22%20stroke-width%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M11%2012.5%20L14.5%2021%22%20stroke-width%3D%222.2%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M20.2%206.2%20L20.9%208.1%20L22.8%208.8%20L20.9%209.5%20L20.2%2011.4%20L19.5%209.5%20L17.6%208.8%20L19.5%208.1%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E) 50%/contain no-repeat;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M5.5%2011.5%20L17%205%22%20stroke-width%3D%223.8%22%2F%3E%3Cpath%20d%3D%22M11%2012.5%20L7.5%2021%22%20stroke-width%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M11%2012.5%20L14.5%2021%22%20stroke-width%3D%222.2%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M20.2%206.2%20L20.9%208.1%20L22.8%208.8%20L20.9%209.5%20L20.2%2011.4%20L19.5%209.5%20L17.6%208.8%20L19.5%208.1%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E) 50%/contain no-repeat}.logout-row{min-height:44px;padding:4px var(--gutter);border-top:1px solid var(--color-line);color:var(--color-text);box-sizing:border-box;grid-template-columns:28px 1fr 28px;align-items:center;column-gap:10px;font-size:15px;font-weight:500;text-decoration:none;display:grid}.logout-row>span{text-align:center;grid-column:2}.logout-row:before{content:"";background:var(--color-brand-mark);grid-column:1;width:28px;height:28px;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M13%204%20H5%20v16%20h8%22%2F%3E%3Cpath%20d%3D%22M10%2012%20h11%22%2F%3E%3Cpath%20d%3D%22M17%208%20l4%204%20-4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 50%/20px 20px no-repeat;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M13%204%20H5%20v16%20h8%22%2F%3E%3Cpath%20d%3D%22M10%2012%20h11%22%2F%3E%3Cpath%20d%3D%22M17%208%20l4%204%20-4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 50%/20px 20px no-repeat}.logout-row:hover{background:var(--color-card-bg)}.account-text{flex-direction:column;flex:auto;min-width:0;line-height:1.3;display:flex}.account-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.account-plan{color:var(--color-muted);font-size:13px}.account-settings{color:var(--color-muted);flex:none}.account-guest .account-name{color:var(--color-accent)}@media (hover:hover){.account-row:hover{background:var(--color-pill-face)}}.side-nav .menu-head{min-height:var(--head-h);box-sizing:border-box;padding-left:var(--gutter);align-items:center;padding-top:6px;padding-bottom:6px;display:flex}.desk>.col-luck{align-items:flex-start}.desk>.col-luck .luck-cards>section.panel{width:fit-content;max-width:min(100%, var(--luck-card-max));box-sizing:border-box}.desk>.col-luck .luck-cards>section.panel.labels-open{--luck-card-max:var(--luck-card-max-open)}.desk>.col-luck .luck-cards>section.panel.panel-closed{width:100%}.desk>.col-luck .luck-cards>section.panel:has(.luck-range-note){width:100%}.desk .bbstar-scroll{scrollbar-gutter:stable;scrollbar-width:thin}.top-title-wrap{align-items:center;min-width:0;display:flex;position:relative}@media (max-width:1099.98px){#root,.app-frame{min-width:360px}.app-frame,.menu-sheet{max-width:none}.desk{display:block}.desk>.col{padding-bottom:0;overflow-y:visible}:is(.desk:has(>.col-ai-reading),.desk:has(>.col-home)){min-height:calc(100dvh - var(--head-h));flex-direction:column;display:flex}.desk>.col-ai-reading,.desk>.col-home{flex:auto}.desk>.col-note{padding-bottom:5px}.desk>.col-natal,.desk>.col-luck{scrollbar-gutter:auto;margin-inline:auto}.desk:has(>.col-bbstar-luck)>.col-bbstar{scrollbar-gutter:auto}.desk>.col-natal{max-width:var(--natal-col-width)}.desk>.col-luck{max-width:var(--luck-card-max-open);margin-top:var(--card-gap);padding-bottom:5px}.ai-foot{z-index:10;background:var(--color-bg);box-shadow:0 -1px 0 var(--color-block-line);position:sticky;bottom:0}.desk>.col-note>.panel{width:min(var(--note-col-width), 100%)}.desk>.col-note>.error{width:min(calc(var(--note-col-width) - 2 * var(--gutter)), 100%)}.desk>.desk-page{overflow-x:auto}section.natal .chart-summary+.bbstar-scroll{touch-action:auto}.doc-pop{box-sizing:border-box;flex-direction:column;width:calc(100vw - 24px);max-height:calc(100vh - 48px);display:flex}.doc-pop .doc-pop-head{flex:none}.doc-pop .doc-scroll{flex:auto;min-height:0}}
.page-frame .layout-reference .col-reference{background:0 0;border:none}.page-frame header.top{background:var(--color-bg)}.page{flex-direction:column;gap:16px;max-width:550px;display:flex}.page a{color:inherit}.page-title{font-size:20px;font-weight:700}.oc8-panel{background:var(--color-card-bg);border:1px solid var(--color-card-line);border-radius:8px;padding:16px}.oc8-panel-title{margin-bottom:12px;font-size:15px;font-weight:600}.status{flex-direction:column;gap:8px;display:flex}.status-row{grid-template-columns:88px 1fr;gap:8px;font-size:14px;display:grid}.status-row dt{color:var(--color-muted)}.auth-page{gap:14px;width:360px;max-width:100%;margin:40px auto 32px}.auth-brand{color:var(--color-muted);letter-spacing:.02em;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;font-size:22px;font-weight:700;display:flex}.auth-brand a{color:inherit;text-decoration:none}.auth-brand a:hover{text-decoration:underline}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-page .oc8-panel{background:0 0;border:none;border-radius:0;padding:0}.auth-page .oc8-field>span{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-page .oc8-field input,.auth-page .btn{min-height:48px}.auth-page .btn-primary{color:#fff;background:#b4b7bd;border-color:#b4b7bd}.btn-google{gap:10px}.auth-guest-link{text-align:center;color:var(--color-muted);margin-top:10px;font-size:15px}.auth-guest-link a{text-decoration:none}.auth-stack{flex-direction:column;gap:12px;display:flex}.auth-stack a.btn{text-decoration:none}.form{flex-direction:column;gap:12px;display:flex}.oc8-field{flex-direction:column;gap:4px;font-size:14px;display:flex}.oc8-field small{color:var(--color-muted);font-size:12px}.oc8-field input{font:inherit;border:1px solid var(--color-line);color:var(--color-text);background:#fff;border-radius:8px;padding:10px 12px;font-size:16px}.oc8-field input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.btn{border:1px solid var(--color-line);width:100%;min-height:44px;font:inherit;cursor:pointer;color:var(--color-text);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-size:15px;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn[disabled]{opacity:.6;cursor:default}.form-error{color:var(--color-error);font-size:14px}.form-notice{color:var(--status-positive);font-size:14px}.form-notice[data-kind=error]{color:var(--color-error)}.form-hint{color:var(--color-muted);font-size:13px}.account-page .form+.form-hint,.account-page .form-hint+.auth-links{margin-top:18px}.auth-links{color:var(--color-text);justify-content:center;gap:0;font-size:15px;display:flex}.auth-links a{padding:0 14px;text-decoration:none;position:relative}.auth-links a+a:before{content:"";border-left:1px solid var(--color-line);position:absolute;top:3px;bottom:3px;left:0}.auth-links button{font:inherit;color:var(--color-text);cursor:pointer;background:0 0;border:0;padding:0 14px;font-size:15px}.code-input{text-align:center;letter-spacing:.35em;font-variant-numeric:tabular-nums}.turnstile{min-height:65px}.consent{border:1px solid var(--color-line);text-align:left;border-radius:8px;flex-direction:column;gap:6px;margin:0;padding:8px 12px;font-size:14px;display:flex}.consent-row{cursor:pointer;align-items:center;gap:8px;display:flex}.consent-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);flex:none;margin:0}.consent-row>span{flex:auto}.public-device{text-align:left;align-items:flex-start}.public-device input[type=checkbox]{margin-top:2px}.consent-row.public-device small{color:var(--color-muted);word-break:keep-all;font-size:15px;display:block}.mfa-qr{background:#fff;margin:0 auto;display:block}.mfa-secret{word-break:break-all;-webkit-user-select:all;user-select:all}.consent-row small{color:var(--color-muted);font-size:12px}.consent-all{border-bottom:1px solid var(--color-line);padding-bottom:6px;font-weight:700}.consent-view{color:var(--color-muted);flex:none;font-size:12.5px;text-decoration:underline}.btn-danger{color:var(--color-error)}.account-banner{border-color:var(--color-error)}.account-notice{margin:0 0 12px}.account-links{flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.account-links small{color:var(--color-muted);font-size:12px}.account-page{width:420px;max-width:100%;margin:24px auto 32px}.account-page.purchase-doc-page{width:552px}.account-page.not-found-page{text-align:center}.not-found-page .auth-links a{font-size:15px;font-weight:700}.session-list{flex-direction:column;gap:12px;margin:12px 0 0;padding:0;list-style:none;display:flex}.session-row{border:1px solid var(--color-line);border-radius:8px;padding:12px 14px}.session-row[data-current=true]{border-color:var(--color-brand-mark)}.session-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.session-badge{color:var(--color-accent-ink);background:var(--color-brand-mark);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600}.session-kind{color:var(--color-muted);font-size:12.5px}.session-row .status{margin:0}.session-row form{margin-top:10px}.session-line{color:var(--color-muted);margin:0;font-size:13.5px}