.wrist-selector{font-family:var(--font-body,system-ui, sans-serif);display:inline-flex;position:relative}.wrist-selector__trigger{border:1px solid var(--color-gold-line,#c49f5b59);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-ink,#ede7df);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:#1a1612b8;border-radius:999px;outline:none;align-items:center;gap:8px;padding:8px 16px;font-size:11px;transition:border-color .25s,background .25s,box-shadow .25s;display:inline-flex}.wrist-selector__trigger:hover,.wrist-selector__trigger:focus-visible{background:#1a1612e6;border-color:#c49f5b99;box-shadow:0 0 0 1px #c49f5b1f,0 0 14px #c49f5b1f}.wrist-selector__ruler{color:var(--color-gold);flex:none}.wrist-selector__label{color:var(--color-on-dark-muted,#ede7df99)}.wrist-selector__value{font-family:var(--font-display,"Cormorant Garamond", Georgia, serif);letter-spacing:.06em;text-transform:uppercase;color:var(--color-gold-soft);font-size:15px;font-weight:500}.wrist-selector__chevron{color:var(--color-on-dark-muted,#ede7df80);font-size:9px;transition:transform .25s}.wrist-selector__chevron.is-open{transform:rotate(180deg)}.wrist-selector__dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#14100df7;border:1px solid #c49f5b38;border-radius:14px;width:234px;padding:18px 16px 16px;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 24px 60px #0000008c}.wrist-selector__heading{font-family:var(--font-display,"Cormorant Garamond", Georgia, serif);letter-spacing:.24em;text-transform:uppercase;text-align:center;color:var(--color-gold-soft);margin:0 0 8px;font-size:12px;font-weight:500}.wrist-selector__rule{background:linear-gradient(90deg,#0000,#c49f5b26,#0000);height:1px;margin:12px 2px;display:block}.wrist-selector__list{flex-direction:column;gap:6px;max-height:220px;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.wrist-selector__list::-webkit-scrollbar{width:4px}.wrist-selector__list::-webkit-scrollbar-track{background:#c49f5b14;border-radius:2px}.wrist-selector__list::-webkit-scrollbar-thumb{background:#c49f5b73;border-radius:2px}.wrist-selector__option{width:100%;color:var(--color-on-dark,#ede7dfd9);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;transition:background .18s,border-color .18s,box-shadow .18s;display:flex}.wrist-selector__option-size{font-family:var(--font-display,"Cormorant Garamond", Georgia, serif);letter-spacing:.02em;color:var(--color-ink,#ede7df);font-size:16px;font-weight:500}.wrist-selector__option-label{letter-spacing:.28em;text-transform:uppercase;color:var(--color-on-dark-muted,#ede7df73);margin-left:auto;font-size:10px}.wrist-selector__mark{color:var(--color-gold);margin-left:10px;font-size:11px}.wrist-selector__option:hover{background:#c49f5b14;border-color:#c49f5b38}.wrist-selector__option.is-active{border-color:var(--color-gold);background:#c49f5b0f;box-shadow:0 0 14px #c49f5b24,inset 0 0 0 1px #c49f5b2e}.wrist-selector__option.is-active .wrist-selector__option-size{color:var(--color-gold-soft)}.wrist-selector__option.is-active .wrist-selector__option-label{letter-spacing:.28em}.wrist-selector__measure{width:100%;color:var(--color-on-dark-muted,#ede7df8c);letter-spacing:.18em;text-transform:uppercase;text-align:center;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:7px;margin-top:4px;padding:10px 12px 2px;font-size:10px;transition:color .18s;display:inline-flex}.wrist-selector__measure-icon{color:var(--color-gold);opacity:.7}.wrist-selector__measure:hover{color:var(--color-gold-soft);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}
.bead-board{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:170px 24px 24px;display:flex;position:relative}.bead-board__topbar{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:18px;left:72px;right:20px}.bead-board__topbar>*{pointer-events:auto}.bead-board__project{flex:0 auto;align-items:center;gap:10px;min-width:0;display:flex}.bead-board__back{color:#d4b883;cursor:pointer;background:#14100d8c;border:1px solid #d4bc8347;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:all .25s;display:flex}.bead-board__back:hover{background:#d4bc831f;border-color:#d4bc8380}.bead-board__project-name{font-family:var(--font-display,"Cormorant Garamond", Georgia, serif);letter-spacing:.2em;text-transform:uppercase;color:#ede7dfd1;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.bead-board__center{flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:10px;display:flex}.bead-board__capacity{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14100dbf;border:1px solid #d4bc832e;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.bead-board__capacity-label{letter-spacing:.14em;text-transform:uppercase;color:#c49f5bd9;font-size:10px}.bead-board__capacity-val{letter-spacing:.04em;color:#ede7df;white-space:nowrap;font-size:11px}.bead-board__arrange{color:#d4b883;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#c49f5b1f;border:1px solid #d4bc8373;border-radius:20px;padding:7px 16px;font-size:11px;transition:all .25s}.bead-board__arrange:hover:not(:disabled){background:#c49f5b3d;border-color:#d4bc83b3}.bead-board__arrange:disabled{opacity:.4;cursor:not-allowed}.bead-board__toolbar-row{z-index:10;pointer-events:none;position:absolute;top:68px;left:50%;transform:translate(-50%)}.bead-board__toolbar-row>*{pointer-events:auto}.bead-board__drop-hint{letter-spacing:.1em;color:#ede7df52;text-transform:uppercase;text-align:center;pointer-events:none;width:80%;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bead-board__fit{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14100dbf;border:1px solid #d4bc832e;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.bead-board__fit-dot{border-radius:50%;width:8px;height:8px}.bead-board__fit-dot--unknown{background:#6b6258;box-shadow:0 0 8px #6b625866}.bead-board__fit-dot--too_tight{background:#c0392b;box-shadow:0 0 8px #c0392b73}.bead-board__fit-dot--snug{background:#e08a3c;box-shadow:0 0 8px #e08a3c73}.bead-board__fit-dot--good{background:#7cb97a;box-shadow:0 0 8px #7cb97a80}.bead-board__fit-dot--loose{background:#d4b883;box-shadow:0 0 8px #d4bc8366}.bead-board__fit-dot--too_loose{background:#8fa9c4;box-shadow:0 0 8px #8fa9c473}.bead-board__fit-label{letter-spacing:.1em;text-transform:uppercase;color:#ede7df;font-size:11px}.bead-board__fit-stats{letter-spacing:.06em;text-transform:uppercase;color:#ede7df80;border-left:1px solid #d4bc832e;margin-left:2px;padding-left:10px;font-size:10px}.bead-board__ring-wrap{aspect-ratio:1;transform-origin:50%;cursor:grab;background:0 0;width:min(520px,70vh,92vw);transition:transform .4s ease-out;position:relative}.bead-board__ring-wrap.is-rotating{cursor:grabbing;transition:none}.bead-board__ring-wrap.is-rotating .bead-board__node{transition:none}.bead-board__rope{pointer-events:none;opacity:.65;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rope-outer{fill:none;stroke:url(#silverRing);filter:url(#ringShadow)}.rope-mid{fill:none;stroke:#a09b948c;filter:url(#innerRim)}.rope-inner{fill:none;stroke:#2b2b30bf;filter:url(#innerRim)}.bead-board__brand{text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bead-board__brand-line{color:#d4b883;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 18px #c49f5b59;white-space:nowrap;font-family:Cinzel,Georgia,serif;font-size:clamp(20px,2.6vw,30px);font-weight:500;line-height:1.2}.bead-board__nodes{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.bead-board__node{transform:translate(-50%, -50%) rotate(var(--node-rotation,0deg));pointer-events:auto;cursor:grab;touch-action:none;justify-content:center;align-items:center;transition:left .25s ease-out,top .25s ease-out,transform .2s,box-shadow .2s,filter .2s;display:flex;position:absolute}.bead-board__node--swatch,.bead-board__node--image{box-shadow:none;background:0 0;border:none;border-radius:0;overflow:visible}.bead-board__node:active{cursor:grabbing}.bead-board__node:hover{transform:translate(-50%, -50%) rotate(var(--node-rotation,0deg)) scale(1.12);z-index:5}.bead-board__node:hover .material-visual--swatch{box-shadow:0 0 18px #c49f5b59,inset -3px -4px 8px #00000059,inset 3px 4px 8px #ffffff2e}.bead-board__node:hover .material-visual__image,.bead-board__node:hover .material-visual__image--crop{filter:drop-shadow(0 0 12px #c49f5b59)}.bead-board__node.is-dragging{cursor:grabbing;z-index:20;transform:translate(-50%, -50%) rotate(var(--node-rotation,0deg)) scale(1.08);transition:transform .2s,box-shadow .2s,filter .2s}.bead-board__node.is-dragging .material-visual--swatch{box-shadow:0 0 22px #c49f5b8c,inset -3px -4px 8px #00000059,inset 3px 4px 8px #ffffff2e}.bead-board__node.is-dragging .material-visual__image,.bead-board__node.is-dragging .material-visual__image--crop{filter:drop-shadow(0 0 18px #c49f5b8c)}.bead-board__trash{color:#ede7df99;opacity:0;pointer-events:none;z-index:15;background:#14100db3;border:1px solid #d4bc8333;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;transition:opacity .18s,transform .18s,background .18s,color .18s;display:flex;position:absolute;bottom:18%;left:50%;transform:translate(-50%,12px)scale(.8)}.bead-board__trash.is-active{opacity:1;color:#fff;background:#c0392beb;border-color:#ffffff80;transform:translate(-50%)scale(1.1)}.bead-board__controls{pointer-events:none;justify-content:center;align-items:center;gap:14px;margin-top:32px;display:flex}.bead-board__controls>*{pointer-events:auto}.bead-board__trash-dock{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f5f0e8d1;cursor:default;-webkit-user-select:none;user-select:none;background:#ffffff24;border:1px solid #ffffff52;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:flex}.bead-board__trash-dock.is-over{color:#fff;background:#c63c32e6;border-color:#fff9;transform:scale(1.08);box-shadow:0 0 18px #c63c3280}.bead-board__block-toast{z-index:30;color:#fff;text-align:center;background:#c0392bf0;border-radius:999px;max-width:80%;padding:10px 16px;font-size:13px;font-weight:600;animation:.18s bead-board-toast-in;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0006}@keyframes bead-board-toast-in{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.bead-board__closure{pointer-events:none;z-index:4;width:90px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.bead-board__closure-knot{background:#14100d8c;border:1px solid #c49f5b59;border-radius:6px;justify-content:center;align-items:center;width:34px;height:26px;display:flex;position:absolute;top:86%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0006}.bead-board__closure-tail{transform-origin:top;background:linear-gradient(#c49f5bbf,#c49f5b33);border-radius:2px;width:2px;height:38px;position:absolute;top:86%}.bead-board__closure-tail:after{content:"";background:radial-gradient(circle at 32% 28%,#d4b883,#9a7038 72%);border-radius:50%;width:8px;height:8px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #00000059}.bead-board__closure-tail--left{left:calc(50% - 10px);transform:rotate(24deg)}.bead-board__closure-tail--right{left:calc(50% + 10px);transform:rotate(-24deg)}@media (max-width:768px){.bead-board__ring-wrap{width:min(92vw,420px)}.bead-board__fit{padding:6px 12px;top:12px}}
.design-panel{flex-direction:column;height:100%;padding:24px 18px 28px;display:flex;position:relative;overflow-y:auto}.design-panel::-webkit-scrollbar{width:4px}.design-panel::-webkit-scrollbar-track{background:var(--color-dark,#1a1612)}.design-panel::-webkit-scrollbar-thumb{background:#c49f5b40;border-radius:2px}.design-panel::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}.design-panel__title{letter-spacing:.06em;color:#ede7df;margin:0 0 20px;font-family:Cormorant Garamond,Georgia,serif;font-size:20px;font-weight:500}.design-panel__section{border-bottom:1px solid #d4bc831a;margin-bottom:22px;padding-bottom:22px}.design-panel__section:last-of-type{border-bottom:none}.design-panel__label{letter-spacing:.1em;text-transform:uppercase;color:#ede7dfa6;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;display:flex}.design-panel__hint{letter-spacing:.02em;text-transform:none;color:#d4bc83b3;font-size:10px}.design-panel__align{color:#d4b883;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#d4bc830f;border:1px solid #d4bc8373;border-radius:8px;width:100%;margin-top:14px;padding:11px 16px;font-size:12px;font-weight:600;transition:all .25s}.design-panel__align:hover{background:#d4bc8324;box-shadow:0 0 18px #d4bc8333}.design-panel__input{color:#ede7df;background:#14100d8c;border:1px solid #d4bc832e;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .2s}.design-panel__input:focus{border-color:#d4bc8380}.design-panel__date{position:relative}.design-panel__date-selects{align-items:center;gap:6px;display:flex}.date-field{flex:1;min-width:0;position:relative}.date-field__btn{width:100%;color:var(--color-ink,#ede7df);font-variant-numeric:tabular-nums;cursor:pointer;background:#14100d8c;border:1px solid #d4bc832e;border-radius:8px;justify-content:space-between;align-items:center;gap:4px;padding:10px 8px;font-size:13px;transition:border-color .2s;display:flex}.date-field__btn:hover{border-color:#d4bc8373}.date-field__ph{color:var(--color-text-muted,#ede7df8c)}.date-field__caret{color:var(--color-gold);pointer-events:none;flex-shrink:0;font-size:9px}.date-field__list{z-index:20;background:#14110d;border:1px solid #d4bc8340;border-radius:8px;max-height:184px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000080}.date-field__list::-webkit-scrollbar{width:4px}.date-field__list::-webkit-scrollbar-track{background:0 0}.date-field__list::-webkit-scrollbar-thumb{background:#c49f5b4d;border-radius:2px}.date-field__list::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}.date-field__list li{color:var(--color-ink,#ede7df);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:6px;padding:7px 8px;font-size:13px;transition:background .15s}.date-field__list li:hover{background:#d4bc831f}.date-field__list li.is-active{color:var(--color-gold);background:#d4bc8333}.date-sep{color:var(--color-text-muted,#ede7df80);font-variant-numeric:tabular-nums;font-size:13px}.design-panel__privacy{color:#ede7df66;align-items:center;gap:6px;margin:8px 0 18px;font-size:10px;line-height:1.4;display:flex}.design-panel__gender{flex-wrap:wrap;gap:10px;display:flex}.design-panel__radio{color:#ede7dfbf;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.design-panel__radio input{accent-color:#d4b883}.design-panel__directions{flex-wrap:wrap;gap:8px;display:flex}.design-panel__directions button{color:#ede7dfa6;letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #d4bc8333;border-radius:18px;padding:7px 14px;font-size:11px;transition:all .2s}.design-panel__directions button.is-active,.design-panel__directions button:hover{color:#d4b883;background:#d4bc831f;border-color:#d4bc838c}.design-panel__cord-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.design-panel__cord-card{color:#ede7dfbf;text-align:left;cursor:pointer;background:#14100d66;border:1px solid #d4bc832e;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;transition:all .2s;display:flex}.design-panel__cord-card:hover{border-color:#d4bc8366}.design-panel__cord-card.is-active{background:#d4bc831a;border-color:#d4bc83a6;box-shadow:inset 0 0 0 1px #d4bc831f}.design-panel__cord-radio{background:0 0;border:1px solid #d4bc8366;border-radius:50%;width:12px;height:12px;transition:all .2s}.design-panel__cord-card.is-active .design-panel__cord-radio{background:#d4b883;border-color:#d4b883;box-shadow:inset 0 0 0 2px #14100dcc}.design-panel__cord-name{letter-spacing:.06em;text-transform:uppercase;color:#ede7df;font-size:11px;font-weight:600}.design-panel__cord-desc{color:#ede7df80;font-size:10px;line-height:1.35}.design-panel__cord-note{color:#d4bc83bf;margin:10px 0 0;font-size:10px;font-style:italic;line-height:1.4}.design-panel__wrist-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.design-panel__wrist-value{font-family:var(--font-display,"Cinzel", Georgia, serif);color:#d4b883;font-size:14px}.design-panel__slider{accent-color:#d4b883;cursor:pointer;width:100%;margin:4px 0 10px}.design-panel__measure-card{color:#ede7df;cursor:pointer;background:#14100d73;border:1px solid #d4bc8338;border-radius:10px;align-items:center;gap:12px;width:100%;margin-top:14px;padding:12px 14px;text-decoration:none;transition:border-color .2s,background .2s,transform .15s;display:flex}.design-panel__measure-card:hover{background:#d4bc8314;border-color:#d4bc838c;transform:translateY(-1px)}.design-panel__measure-icon{color:#d4b883;background:#d4bc8314;border:1px solid #d4bc834d;border-radius:8px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.design-panel__measure-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.design-panel__measure-cta{letter-spacing:.04em;color:#ede7df;font-size:13px;font-weight:600}.design-panel__measure-badge{letter-spacing:.02em;color:#ede7df73;font-size:10px}.design-panel__measure-badge.is-measured{color:#9bbf8a}.design-panel__measure-arrow{color:#d4bc83b3;font-size:16px;transition:transform .2s}.design-panel__measure-card:hover .design-panel__measure-arrow{transform:translate(3px)}.design-panel__list-empty{color:#ede7df66;margin:0;padding:12px 0;font-size:12px}.design-panel__section--list{flex-direction:column;min-height:0;display:flex}.design-panel__list{flex-direction:column;gap:6px;max-height:180px;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.design-panel__list-item{background:#ffffff08;border:1px solid #d4bc8314;border-radius:8px;align-items:center;gap:8px;padding:5px 7px;display:flex}.design-panel__list-thumb{background:#14100d66;border-radius:50%;flex:0 0 26px;width:26px;height:26px;overflow:hidden}.design-panel__list-count{color:#d4b883;letter-spacing:.04em;vertical-align:middle;background:#d4bc8326;border-radius:10px;margin-left:6px;padding:2px 7px;font-size:10px}.design-panel__list-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.design-panel__list-name{color:#ede7dfe6;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.design-panel__list-meta{text-transform:capitalize;color:#ede7df80;font-size:10px}.design-panel__list-remove{color:#ede7df73;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:all .2s;display:flex}.design-panel__list-remove:hover{color:#c96e6e;background:#c96e6e26}.design-panel__checkout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#14100deb;border-top:1px solid #d4bc8333;margin:14px -18px -28px;padding:18px 18px 28px;position:sticky;bottom:-28px;left:0;right:0}.design-panel__total-row{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.design-panel__total-label{letter-spacing:.08em;text-transform:uppercase;color:#ede7dfa6;font-size:12px}.design-panel__total-value{font-family:var(--font-display,"Cinzel", Georgia, serif);color:#d4b883;font-size:24px}.design-panel__cta,a.design-panel__cta{letter-spacing:.08em;text-transform:uppercase;text-align:center;white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:13px 16px;font-size:12px;font-weight:600;line-height:1.2;text-decoration:none;transition:all .25s;display:flex}.design-panel__cta--primary{background:linear-gradient(180deg, #d4b883 0%, var(--color-gold) 100%);color:#14100d;border:1px solid #d4b883;margin-bottom:10px}.design-panel__cta--primary:hover{box-shadow:0 0 20px #d4bc8359}.design-panel__cta--secondary{color:#d4b883;background:0 0;border:1px solid #d4bc8359}.design-panel__cta--secondary:hover{background:#d4bc831a}@media (max-width:768px){.design-panel{padding:18px 16px}}
.floating-window{-webkit-backdrop-filter:blur(16px)saturate(140%);z-index:20;background:#12100ed1;border:1px solid #c49f5b33;border-radius:12px;flex-direction:column;width:330px;display:flex;position:absolute;overflow:hidden;box-shadow:0 20px 40px #0009,inset 0 1px #ffffff0d}.floating-window.is-active{z-index:40;border-color:#c49f5b73;box-shadow:0 26px 54px #000000ad,0 0 0 1px #c49f5b47,inset 0 1px #ffffff0f}.floating-window.is-dragging{cursor:grabbing;box-shadow:0 30px 64px #000000b3,0 0 0 1px #c49f5b66,inset 0 1px #ffffff0f}.floating-window.is-resizing{-webkit-user-select:none;user-select:none;border-color:#c49f5b8c;box-shadow:0 30px 64px #000000b3,0 0 0 1px #c49f5b73,inset 0 1px #ffffff0f}.floating-window.is-closing{opacity:0;pointer-events:none;transition:opacity .3s,transform .3s cubic-bezier(.4,0,.2,1);transform:translate(calc(-100% - 24px))}.floating-window__titlebar{cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(#d4bc8324,#d4bc8308);border-bottom:1px solid #d4bc832e;flex-shrink:0;align-items:center;gap:8px;padding:9px 10px;display:flex}.floating-window__titlebar:active{cursor:grabbing}.floating-window__handle{cursor:grab;flex-shrink:0;grid-template-rows:repeat(2,3px);grid-template-columns:repeat(3,3px);gap:2.5px;display:grid}.floating-window__handle i{background:#c49f5b8c;border-radius:50%;width:3px;height:3px;transition:background .18s}.floating-window__titlebar:hover .floating-window__handle i{background:#c49f5bd9}.floating-window__title-cn{font-family:var(--font-display,"Cormorant Garamond", serif);letter-spacing:.06em;color:#ede7df;font-size:14px}.floating-window__title-en{letter-spacing:.16em;text-transform:uppercase;color:#d4bc83b3;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:9px;overflow:hidden}.floating-window__close{color:#ede7dfcc;cursor:pointer;background:#14100d8c;border:1px solid #ede7df38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:background .18s,color .18s,border-color .18s;display:flex}.floating-window__close:hover{color:#d4b883;background:#c49f5b33;border-color:#c49f5b80}.floating-window__close svg{display:block}.floating-window__body{flex:1;min-height:0;padding:8px 10px 14px;overflow-y:auto}.floating-window__resizer{z-index:3;height:7px;position:absolute;left:0;right:0}.floating-window__resizer--top{cursor:ns-resize;border-top-left-radius:12px;border-top-right-radius:12px;top:0}.floating-window__resizer--bottom{cursor:ns-resize;border-bottom-right-radius:12px;border-bottom-left-radius:12px;bottom:0}.floating-window__resizer:after{content:"";background:#c49f5b00;border-radius:2px;width:28px;height:2px;transition:background .18s;position:absolute;left:50%;transform:translate(-50%)}.floating-window__resizer--top:after{top:2px}.floating-window__resizer--bottom:after{bottom:2px}.floating-window:hover .floating-window__resizer:after,.floating-window.is-resizing .floating-window__resizer:after,.floating-window.is-active .floating-window__resizer:after{background:#c49f5b8c}.floating-window__resizer:hover:after{background:#c49f5be6}.section-content--floating{flex-direction:column;height:100%;min-height:0;display:flex}.section-content--floating .section-content__header{flex-shrink:0}.section-content--floating .section-content__scroll{flex:1;min-height:0;overflow-y:auto}.section-content--floating .section-content__scroll::-webkit-scrollbar{width:5px}.section-content--floating .section-content__scroll::-webkit-scrollbar-track{background:#12100e59;border-radius:3px}.section-content--floating .section-content__scroll::-webkit-scrollbar-thumb{background:#c49f5b47;border-radius:3px}.section-content--floating .section-content__scroll::-webkit-scrollbar-thumb:hover{background:#c49f5b80}.floating-window__body .material-library__grid{max-height:none;overflow-y:visible}
.resonance-float{z-index:40;color:#ede7df;background:radial-gradient(120% 80% at 50% 0,#d4bc831a 0%,#d4bc8300 60%),linear-gradient(#1a1510 0%,#100c09 100%);border:1px solid #d4bc8359;border-radius:14px;flex-direction:column;width:300px;animation:.28s cubic-bezier(.2,.8,.2,1) both resonance-float-in;display:flex;position:absolute;overflow:hidden;box-shadow:0 24px 64px #0000008c,inset 0 0 0 1px #d4bc830f}.resonance-float.is-dragging{cursor:grabbing;box-shadow:0 30px 80px #0009,inset 0 0 0 1px #d4bc831f}@keyframes resonance-float-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.resonance-float__titlebar{cursor:grab;-webkit-user-select:none;user-select:none;background:#d4bc830d;border-bottom:1px solid #d4bc8329;align-items:center;gap:8px;padding:10px 12px;display:flex}.resonance-float__titlebar:active{cursor:grabbing}.resonance-float__handle{flex:none;grid-template-columns:repeat(2,3px);gap:2px;display:grid}.resonance-float__handle i{background:#ede7df66;border-radius:50%;width:3px;height:3px}.resonance-float__title{letter-spacing:.04em;color:#d4b883;white-space:nowrap;text-overflow:ellipsis;flex:auto;font-family:Cormorant Garamond,Georgia,serif;font-size:14px;font-weight:600;overflow:hidden}.resonance-float__close{color:#ede7df8c;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.resonance-float__close:hover{color:#d4b883;background:#ede7df14}.resonance-float__body{flex:1;min-height:0;padding:16px 16px 18px;overflow-y:auto}.resonance-float__resizer{z-index:3;height:8px;position:absolute;left:0;right:0}.resonance-float__resizer--top{cursor:ns-resize;border-top-left-radius:14px;border-top-right-radius:14px;top:0}.resonance-float__resizer--bottom{cursor:ns-resize;border-bottom-right-radius:14px;border-bottom-left-radius:14px;bottom:0}.resonance-float__resizer:after{content:"";background:#d4bc8300;border-radius:2px;width:30px;height:2px;transition:background .18s;position:absolute;left:50%;transform:translate(-50%)}.resonance-float__resizer--top:after{top:2px}.resonance-float__resizer--bottom:after{bottom:2px}.resonance-float:hover .resonance-float__resizer:after,.resonance-float.is-resizing .resonance-float__resizer:after{background:#d4bc838c}.resonance-float__resizer:hover:after{background:#d4bc83e6}.resonance-modal__birth-hint{color:#d4bc83d9;background:#d4bc830f;border:1px solid #d4bc8340;border-radius:8px;margin:0 0 14px;padding:9px 12px;font-size:11px;line-height:1.4}.resonance-modal__grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.resonance-modal__cell{background:#ffffff05;border:1px solid #d4bc8329;border-radius:10px;flex-direction:column;gap:5px;padding:11px 12px;display:flex}.resonance-modal__cell-label{letter-spacing:.1em;text-transform:uppercase;color:#ede7df80;font-size:10px}.resonance-modal__cell-value{font-family:var(--font-display,"Cinzel", Georgia, serif);color:#ede7df;flex-direction:column;gap:2px;font-size:15px;display:flex}.resonance-modal__cell-sub{letter-spacing:.04em;color:#d4b883;font-size:11px;font-style:normal}.resonance-modal__resonance{background:#d4bc830d;border:1px solid #d4bc8338;border-radius:10px;margin-bottom:14px;padding:13px 14px}.resonance-modal__resonance-title{color:#ede7df;margin:6px 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:16px;line-height:1.4}.resonance-modal__suggested{margin-bottom:18px}.resonance-modal__chips{flex-direction:column;gap:7px;margin:8px 0 0;padding:0;list-style:none;display:flex}.resonance-modal__chip{background:#ffffff08;border:1px solid #d4bc831a;border-radius:8px;flex-direction:column;gap:2px;padding:9px 12px;display:flex}.resonance-modal__chip-name{color:#d4b883;font-size:13px;font-weight:600}.resonance-modal__chip-micro{color:#ede7df8c;font-size:10px;line-height:1.4}.resonance-modal__chip.is-substitute{background:#d4bc8312;border-color:#d4bc8347}.resonance-modal__chip-sub{letter-spacing:.06em;text-transform:uppercase;color:#d4bc83bf;margin-top:3px;font-size:9px}.resonance-modal__empty{color:#ede7df8c;background:#d4bc830a;border:1px dashed #d4bc8340;border-radius:8px;margin:8px 0 0;padding:12px 14px;font-size:11px;line-height:1.5}.resonance-modal__chakra{background:#a892ee0f;border:1px solid #a892ee47;border-radius:10px;margin-bottom:18px;padding:13px 14px}.resonance-modal__chakra-primary{flex-direction:column;gap:4px;margin-top:8px;display:flex}.resonance-modal__chakra-name{color:#c9b6f2;font-family:Cormorant Garamond,Georgia,serif;font-size:16px}.resonance-modal__chakra-micro{color:#e2d5ff99;font-size:10px;line-height:1.45}.resonance-modal__chakra-supporting{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.resonance-modal__chakra-pill{letter-spacing:.04em;color:#e2d5ffcc;background:#a892ee14;border:1px solid #a892ee4d;border-radius:14px;padding:4px 10px;font-size:10px}.resonance-modal__footer{background:#d4bc830a;border-top:1px solid #d4bc8329;flex-direction:column;flex-shrink:0;gap:10px;padding:12px 16px 16px;display:flex}.resonance-modal__cta{letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:8px;width:100%;padding:12px 16px;font-size:12px;font-weight:600;transition:all .25s}.resonance-modal__cta--primary{background:linear-gradient(180deg, #d4b883 0%, var(--color-gold) 100%);color:#14100d;border:1px solid #d4b883}.resonance-modal__cta--primary:hover{box-shadow:0 0 22px #d4bc8366}.resonance-modal__cta--secondary{color:#d4b883;background:0 0;border:1px solid #d4bc8359}.resonance-modal__cta--secondary:hover{background:#d4bc831a}.resonance-modal__cta--ghost{color:#ede7df80;background:0 0;border:1px solid #0000}.resonance-modal__cta--ghost:hover{color:#ede7df;background:#ede7df0f}@media (max-width:768px){.resonance-float{z-index:70;border-radius:18px 18px 0 0;width:100%;max-height:82vh;animation:.34s cubic-bezier(.2,.8,.2,1) both resonance-sheet;position:fixed;inset:auto 0 0}.resonance-float__resizer{display:none}@keyframes resonance-sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}}