:root{font-family:Inter,Segoe UI,sans-serif;color:#514654;font-synthesis:none;font-weight:400;background:#e6dfe4}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #946a83;outline-offset:4px}button{border:0;background:none}#viewport{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block;touch-action:none}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;padding:30px 42px;gap:32px;pointer-events:none}header>*{pointer-events:auto}.wordmark{font-family:Georgia,serif;font-size:31px;letter-spacing:-1.6px;text-decoration:none;color:#504251}.star{font-size:26px;padding-left:10px;color:#a78057}.edition{font-size:10px;letter-spacing:2px;color:#8a7f87}.edition i{font-style:normal;color:#aa96a5;margin:0 10px}.quiet{font-size:11px;letter-spacing:.35px;padding:9px 0}.quiet span{margin-left:12px;color:#9b7688}#reference{margin-left:auto;border-bottom:1px solid #b8a7b3}.intro{position:fixed;left:44px;top:158px;pointer-events:none}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.3px;color:#9c7d85}.intro h1{font-family:Georgia,serif;font-size:clamp(38px,4.5vw,67px);line-height:1.03;letter-spacing:-2.5px;font-weight:400;margin:20px 0 21px;color:#544657}.intro p{font-size:12px;line-height:1.9;color:#8c7a87;letter-spacing:.05px}.status{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.6px;margin-top:26px;color:#927c88}.status span{width:5px;height:5px;background:#9eac8d;border-radius:50%}.status b{font-weight:400;border:1px solid #c5b2c0;border-radius:10px;padding:2px 6px;margin-left:5px}.panel{position:fixed;right:32px;top:120px;width:256px;max-height:calc(100vh - 200px);overflow:auto;padding:25px 23px 14px;background:#fdf8f7cf;border:1px solid #fff9;box-shadow:0 14px 50px #6f526410;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:4px;scrollbar-width:thin;scrollbar-color:#c9b6c4 transparent}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#9b7a88}.tiny-star{font-size:23px;color:#b39a72}.panel h2{font-family:Georgia,serif;font-size:24px;font-weight:400;letter-spacing:-.7px;margin:10px 0 7px}.panel-note{font-size:10px;color:#a28c99;margin:0 0 24px}.field{margin-bottom:20px}.field>label{display:block;font-size:10px;color:#83717e;margin-bottom:9px}.segments{display:flex;background:#e9dfe64d;border:1px solid #dfd1dc;border-radius:4px;padding:3px;gap:2px}.segments button{flex:1;font-size:10px;padding:8px 3px;border-radius:2px}.segments button.active{background:#fffaf8;box-shadow:0 1px 5px #77606c12;color:#7c546d}.views{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.views button{border:1px solid #e4d7e0;border-radius:3px;padding:7px 3px;font-size:10px}.views button:hover,.views button.active{border-color:#ba98b1;background:#f2e5ed}.motion select{background:transparent;border:0;border-bottom:1px solid #deccd9;border-radius:0;padding:2px 0 9px;width:100%;font-size:11px;color:#6f5b6c}.playback{display:flex;align-items:center;gap:9px;margin-top:13px}.playback button{font-size:12px;width:17px;padding:0}.playback input{min-width:0;flex:1;height:3px;accent-color:#ac88a1}.playback span{font-size:9px;font-variant-numeric:tabular-nums;color:#9c8695;min-width:27px}.check{display:flex;align-items:center;gap:7px;font-size:10px;color:#917b89}.check input{accent-color:#9f7a92;width:12px;height:12px;margin:0}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 14px;font-size:11px;background:#786075;color:#fff4f8;border-radius:3px;margin-top:24px}.primary:hover{background:#695366}.share{width:100%;text-align:center;font-size:10px;padding:14px 0 17px}details{border-top:1px solid #e1d3dc}summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;padding:15px 0 0;color:#a08998;font-size:9px}summary::-webkit-details-marker{display:none}.inspection{padding-top:15px;font-size:10px}.inspection>label:first-child{display:flex;justify-content:space-between;align-items:center}.inspection select{font-size:9px;padding:4px;border:1px solid #dac5d4;color:#7d6676;background:transparent;border-radius:2px}.inspection .check{margin-top:11px}#metrics{font-size:10px;line-height:1.9;color:#8e7789}.inspect-note{line-height:1.5;color:#ac95a4;font-size:9px}footer{position:fixed;bottom:0;left:0;right:0;padding:27px 43px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;color:#8f7d8a;font-size:10px}.footer-title{letter-spacing:.6px}.footer-title i{font-style:normal;margin:0 8px;color:#b49eaf}.gesture{font-size:9px}.gesture b{font-weight:400;margin:0 8px;color:#b297a9}.gesture kbd{font:inherit;border:1px solid #c9b9c5;padding:2px 4px;border-radius:2px}.footer-tag{font-size:8px;letter-spacing:1.6px}#loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#e9e1e7;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10;transition:opacity .6s,visibility .6s}#loading.hidden{opacity:0;visibility:hidden}.load-star{font-size:60px;color:#b99c79;animation:breathe 2s ease infinite}#loading p{font:22px Georgia,serif;color:#836d7e}#progress{font-size:10px;letter-spacing:1px;color:#a18b99}@keyframes breathe{50%{opacity:.4;transform:scale(.85)}}#toast{position:fixed;bottom:76px;left:50%;transform:translate(-50%,15px);padding:12px 20px;background:#fff8f4ed;border:1px solid #e5d7df;font-size:11px;opacity:0;transition:.2s;pointer-events:none;border-radius:4px}#toast.shown{opacity:1;transform:translate(-50%)}dialog{width:min(1120px,95vw);max-height:94vh;border:1px solid #efdfeb;border-radius:6px;padding:28px;background:#fcf8f5;color:#675465;box-shadow:0 30px 120px #3a244660}dialog::backdrop{background:#45354788;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font:30px Georgia,serif;margin:10px 0 20px}.dialog-head button{font-size:30px}.ref-tabs{display:flex;gap:12px;margin-bottom:12px}.ref-tabs button{font-size:11px;padding:8px 12px;border:1px solid #e4d4df;border-radius:3px}.ref-tabs button.active{background:#eadce5}.reference-image{max-height:64vh;overflow:auto}.reference-image img{display:block;width:100%}dialog>p{font-size:11px;color:#a38d9b;line-height:1.7}.clean header,.clean .intro,.clean .panel,.clean footer{display:none}@media(min-width:1500px){.panel{right:44px;top:145px;width:272px;padding:28px}.intro{top:180px;left:54px}}@media(max-width:1100px){.intro h1{font-size:44px}.intro{left:28px;top:135px}.intro p{font-size:10px}.panel{right:20px;width:230px;padding:20px 18px;top:100px}header{padding:24px 28px}.edition,.footer-tag{display:none}footer{padding:22px 28px}}@media(max-width:760px){header{padding:19px 21px}.wordmark{font-size:25px}#reference{font-size:9px}.intro{top:94px;left:22px}.intro .eyebrow{font-size:8px;letter-spacing:1.4px}.intro h1{font-size:32px;letter-spacing:-1px;margin:12px 0}.intro p,.status{display:none}.panel{top:auto;bottom:58px;left:16px;right:16px;width:auto;max-height:34vh;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.panel-heading,.panel h2,.panel-note{display:none}.field{margin:0}.field>label{font-size:9px;margin-bottom:6px}.segments button{font-size:9px;padding:6px}.views{grid-template-columns:repeat(3,1fr);gap:3px}.views button{padding:5px;font-size:9px}.motion{align-self:start}.check{font-size:9px;align-self:center}.primary{margin:0;padding:11px;font-size:10px}.share{padding:6px;font-size:9px}details{grid-column:1/-1}summary{padding-top:9px}footer{padding:19px 21px}.gesture{font-size:8px}.gesture b{margin:0 3px}.footer-title{font-size:9px}dialog{padding:18px}.dialog-head h2{font-size:25px}.inspection{display:grid;grid-template-columns:1fr 1fr;gap:7px}.inspection p{margin:2px 0}.inspection .check{margin:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}#reference-dock{position:fixed;left:40px;bottom:88px;width:min(340px,28vw);padding:12px;background:#fff9f4ed;border:1px solid #fff;border-radius:4px;box-shadow:0 8px 35px #69526718}#reference-dock[hidden]{display:none}#reference-dock>div{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#9b8192}#reference-dock button{font-size:20px}#reference-dock img{width:100%;display:block}.clean #reference-dock{display:none}@media(max-width:760px){#reference-dock{left:16px;bottom:auto;top:80px;width:calc(100vw - 32px);max-height:28vh;overflow:auto}}.wind-field label{display:flex;justify-content:space-between}.wind-field label span{font-size:9px;color:#a1899b}.wind-field input{width:100%;height:3px;accent-color:#ac88a1;display:block;margin:13px 0}@media(min-width:761px){.panel{max-height:calc(100vh - 180px)}}.variant-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.variant-options button{font-size:9px;border:1px solid #e4d7e0;border-radius:3px;padding:8px 2px;display:flex;align-items:center;flex-direction:column;gap:5px}.variant-options i{width:17px;height:17px;border-radius:50%;border:1px solid #8b768044;box-shadow:inset 0 1px 4px #fff8}.variant-options button.active{border-color:#af89a4;background:#f5e9f1}.variant-options button:hover{background:#fff9f6}.panel-note{line-height:1.6}@media(max-width:760px){.variant-options button{padding:5px 2px}.variant-options i{width:12px;height:12px}}.views .vista-view{grid-column:1/-1;background:#e9eee55e;color:#688067}.subject-field{margin:10px 0 18px}.field[hidden]{display:none}.appearance-row{display:flex;align-items:center;gap:7px;margin:10px 0}.appearance-row>label{font-size:10px;min-width:30px}.appearance-row input[type=color]{width:26px;height:26px;padding:1px;border:1px solid #d8c4d1;background:#fff9f5;border-radius:3px;cursor:pointer}.color-swatches{display:flex;gap:5px}.color-swatches button{width:18px;height:18px;border-radius:50%;background:var(--swatch);border:1px solid #65505030}.color-swatches button.active{outline:1px solid #846c7b;outline-offset:2px}#outfit{font-size:10px;width:100%;padding:7px 3px;border:1px solid #d8c4d1;border-radius:3px;background:#fff9f580;color:inherit}#princess-appearance>label{margin-top:12px}#reset-appearance{font-size:9px;padding:10px 0 0}.views button[hidden]{display:none}@media(max-width:760px){#princess-appearance{grid-column:1/-1}.appearance-row{gap:10px}.color-swatches{gap:9px}.color-swatches button{width:22px;height:22px}.appearance-row input[type=color]{width:30px;height:30px}}@media(max-width:760px){.panel{grid-template-columns:repeat(2,minmax(0,1fr))}.panel>*{min-width:0}.panel select{min-width:0;max-width:100%}.appearance-row{flex-wrap:wrap}.color-swatches{gap:7px}}#crown{font-size:10px;width:100%;padding:7px 3px;border:1px solid #d8c4d1;border-radius:3px;background:#fff9f580;color:inherit}[hidden]{display:none!important}#journey-card{position:fixed;left:44px;top:150px;width:258px;padding:22px;background:#fff8f3d9;border:1px solid #fff9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px}#journey-card h2{font:32px/1.14 Georgia,serif;letter-spacing:-.8px;font-weight:400;margin:18px 0}#journey-note{font-size:11px;line-height:1.8;color:#8c7a87}#world-status{font-size:10px;line-height:1.6;color:#6e8269;min-height:16px;margin:14px 0 0}#area-picker{position:fixed;bottom:34px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:7px;background:#fff8f3ee;border:1px solid #fff9;border-radius:6px;max-width:calc(100vw - 32px);overflow:auto}#area-picker button{font-size:11px;white-space:nowrap;padding:11px 15px;border-radius:3px}#area-picker button.active{background:#786075;color:#fff4f8}.picker .intro,.world .intro,.world .panel,.world footer,.picker .edition,.world .edition,.picker .review-setting,.picker .inspect-note{display:none}.picker #loading,.world #loading{inset:40% 30% auto;min-height:160px;border-radius:8px;background:#e9e1e7ee;pointer-events:none}.picker #loading button,.world #loading button{pointer-events:auto}.picker #loading p,.world #loading p{font-size:16px;text-align:center}.picker .load-star,.world .load-star{font-size:36px}.picker #progress,.world #progress{padding:0 12px;text-align:center;font-size:9px}.picker .panel{top:100px;max-height:calc(100vh - 175px)}.picker .views [data-view=trees],.picker .views [data-view=flowers],.picker .vista-view{display:none}.world #journey-card{top:100px;width:238px;padding:18px}.world #journey-title{font-size:25px;margin:12px 0}.world #change-look{border-bottom:1px solid #c5b3bf}.clean #journey-card,.clean #area-picker{display:none}@media(max-width:1100px){#journey-card{left:24px;top:120px;width:220px;padding:18px}#journey-card h2{font-size:27px}}@media(max-width:760px){.picker #journey-card,.world #journey-card{top:76px;left:20px;right:20px;width:auto;padding:12px 14px;background:#fff8f3c9}#journey-card h2{font-size:21px;line-height:1.2;margin:8px 0}#journey-card h2 br,#journey-note{display:none}#journey-card .eyebrow{font-size:8px;letter-spacing:1.5px}#world-status{margin:5px 0 0;font-size:9px;min-height:12px}.picker #enter-vale{position:fixed;bottom:18px;left:16px;width:calc(100vw - 32px);padding:14px 18px;box-shadow:0 4px 20px #5b425530}.picker #journey-card{-webkit-backdrop-filter:none;backdrop-filter:none}.picker .panel{top:auto;bottom:78px;max-height:32vh}.picker footer{display:none}.picker #loading,.world #loading{inset:32% 20% auto;min-height:125px}.world #journey-title{font-size:21px;display:inline-block;margin:6px 16px 0 0}.world #change-look{font-size:10px}#area-picker{left:16px;right:16px;transform:none;bottom:18px;max-width:none}#area-picker button{font-size:10px;padding:10px}}@media(max-width:760px){.picker #journey-eyebrow{display:none}.picker #journey-card{padding:10px 12px}.picker #journey-title{font-size:18px;margin:4px 0}}.unicorn-custom-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.unicorn-custom-colors label{font-size:10px;display:flex;flex-direction:column;gap:6px}.unicorn-custom-colors input{width:36px;height:28px;padding:2px;border:1px solid #d8c4d1;border-radius:4px;background:#fff9f5}@media(max-width:760px){#unicorn-palette{grid-column:1/-1}.unicorn-custom-colors{grid-template-columns:repeat(6,1fr)}}
