/* My World: original images, curated palettes and a reversible browser-local look. */
.world-showcase{scroll-margin-top:120px}
.about-motto{font-size:20px!important;letter-spacing:2px;margin:32px 0}.update-history{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;font-size:12px;color:var(--muted)}.update-history summary{cursor:pointer}
#world{--world-bg:#fffaf8;--world-panel:#f5eae7;--world-text:#4d393b;--world-muted:#92767c;--world-accent:#ab6177;--world-border:#dcc3c55e;--world-button-text:#fff;width:min(1120px,calc(100% - 48px));padding:0;max-height:92svh;background:var(--world-bg);color:var(--world-text);border-color:#ffffff70;scrollbar-width:thin;scrollbar-color:var(--world-accent) transparent;overscroll-behavior:contain}
#world[data-tone="neon"]{--world-bg:#201a26;--world-panel:#16121d;--world-text:#fff0f7;--world-muted:#c6a4bb;--world-accent:#ff86c7;--world-border:#f084c12f;--world-button-text:#24131d}
#world[data-tone="warm"]{--world-bg:#fcf7ef;--world-panel:#ecdfcc;--world-text:#574135;--world-muted:#967c69;--world-accent:#9f6854;--world-border:#a67e5730}
#world[data-tone="dream"]{--world-bg:#eeebe7;--world-panel:#363842;--world-text:#4a4146;--world-muted:#8d797f;--world-accent:#876978;--world-border:#83717d30}
.world-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 34px 20px;border-bottom:1px solid var(--world-border);background:var(--world-bg);position:sticky;top:0;z-index:2}.world-header .modal-kicker{font-size:9px;color:var(--world-muted);letter-spacing:2.8px}.world-header h2{margin:5px 0 0;font-size:28px;letter-spacing:3px;line-height:1.5}.world-header h2>span{color:var(--world-accent);font-size:24px}.world-header-actions{display:flex;gap:16px;align-items:center;flex-shrink:0}.world-header .close-dialog{position:static;color:var(--world-text);border:1px solid var(--world-border);border-radius:50%;width:34px;height:34px;line-height:24px;font-size:24px}.world-header #restore-world{font-size:11px;color:var(--world-muted);padding:10px 0;border-bottom:1px solid var(--world-border)}.world-body{padding:0 34px 24px}.world-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0}.world-intro p{margin:0!important;font-size:12px!important;color:var(--world-muted)!important;letter-spacing:1px}.world-intro>span{font-size:8px;letter-spacing:1.5px;color:var(--world-muted);white-space:nowrap}.world-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.world-filters button{padding:9px 14px;border:1px solid var(--world-border);border-radius:40px;font-size:11px;color:var(--world-muted);line-height:1.6;min-height:36px;transition:background .15s,color .15s}.world-filters button>span{margin-left:7px;opacity:.65;font-size:9px}.world-filters button[aria-pressed="true"]{background:var(--world-accent);border-color:var(--world-accent);color:var(--world-button-text)}.world-showcase{display:grid;grid-template-columns:minmax(0,1fr) 260px;border:1px solid var(--world-border);border-radius:14px;overflow:hidden;min-height:340px}.world-stage{background:var(--world-panel);position:relative;display:grid;place-items:center;min-width:0;height:360px;padding:16px}.world-stage>img{width:100%;height:100%;max-height:328px;object-fit:contain;display:block;filter:drop-shadow(0 9px 15px #00000015)}.frame-corner{position:absolute;left:15px;top:12px;font-size:15px;color:var(--world-accent);opacity:.7}.world-stage #world-original{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;align-items:center;background:var(--world-bg);color:var(--world-text);border:1px solid var(--world-border);padding:9px 12px;border-radius:30px;font-size:10px;box-shadow:0 3px 12px #0000000a}.world-stage #world-original svg{width:13px;height:13px}.world-look{padding:30px 25px;display:flex;flex-direction:column;align-items:flex-start}.world-style-label{font-size:9px;letter-spacing:2px;color:var(--world-accent);border-bottom:1px solid var(--world-border);padding-bottom:7px}.world-look h3{font-size:25px;font-weight:500;letter-spacing:2px;line-height:1.4;margin:16px 0 11px;color:var(--world-text)}.world-look p{font-size:12px;line-height:1.9;color:var(--world-muted);margin:0 0 19px;min-height:46px}.world-palette{display:flex;gap:8px}.world-palette>span{display:block;width:26px;height:26px;border-radius:50%;border:2px solid #ffffff96;box-shadow:0 1px 4px #00000010}.palette-label{font-size:6px;letter-spacing:1.7px;color:var(--world-muted);margin-top:8px}.world-apply{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--world-accent);color:var(--world-button-text);width:100%;padding:12px 15px;border-radius:6px;min-height:42px;font-size:11px;letter-spacing:.5px}.world-look>small{font-size:8px;color:var(--world-muted);line-height:1.7;margin-top:9px}.world-grid-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.world-grid-heading h3{margin:0;font-size:13px;letter-spacing:2px;font-weight:500}.world-grid-heading>span{font-size:10px;color:var(--world-muted)}.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.world-thumb{padding:0;border:1px solid var(--world-border);border-radius:9px;overflow:hidden;text-align:left;min-width:0;display:block;color:var(--world-text);background:var(--world-panel);transition:transform .15s,border-color .15s}.world-thumb[hidden]{display:none}.world-thumb:hover{transform:translateY(-3px)}.world-thumb[aria-pressed="true"]{outline:2px solid var(--world-accent);outline-offset:3px}.world-thumb img{display:block;width:100%;height:130px;object-fit:cover;object-position:center 28%}.world-thumb>span{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:11px;background:var(--world-bg)}.world-thumb strong{font-weight:500;font-size:11px}.world-thumb small{font-size:8px;color:var(--world-muted)}.world-bottom{margin-top:24px;padding-top:16px;border-top:1px solid var(--world-border);display:flex;justify-content:space-between;gap:12px;color:var(--world-muted);font-size:9px;letter-spacing:.5px}.world-bottom>span:last-child{font-size:7px;letter-spacing:1px}#world :focus-visible{outline:3px solid var(--world-accent);outline-offset:3px}
.wallpaper[data-layout="portrait"]{background-size:auto 100%;background-position:85% center;background-color:var(--theme-canvas,#f2e8e8)}
body[data-theme="soft"]{--theme-canvas:#f3e9e5;--theme-panel:#fff8f4e6;--ink:#513b3f;--muted:#8a6b75;--rose:#a65b71;--glass:#fff9f4bf;--theme-wash:linear-gradient(90deg,#fcf5f1fa 0%,#fcf5f1ee 25%,#fcf5f1a6 45%,#fcf5f110 80%),linear-gradient(0deg,#f1e4e1cf,transparent 50%)}
body[data-theme="neon"]{--theme-canvas:#17131c;--theme-panel:#241b2df0;--ink:#fff2fa;--muted:#d3b5c9;--rose:#ff92ce;--line:#f58bbd40;--glass:#231925d9;--theme-wash:linear-gradient(90deg,#1b111ffc 0%,#1b111ff0 25%,#1b111fac 45%,#1b111f15 80%),linear-gradient(0deg,#211322e8,transparent 60%)}
body[data-theme="warm"]{--theme-canvas:#ebddc9;--theme-panel:#fff9eced;--ink:#583e2c;--muted:#947660;--rose:#9b6148;--line:#ad805e3b;--glass:#fff9ebd4;--theme-wash:linear-gradient(90deg,#fff7eafa 0%,#fff7eae8 25%,#fff7ea9e 45%,#fff7ea08 80%),linear-gradient(0deg,#edddc9ed,transparent 55%)}
body[data-theme="dream"]{--theme-canvas:#363641;--theme-panel:#37333ff0;--ink:#f7e9e5;--muted:#d4bfc7;--rose:#e6abbc;--line:#d5b3c13b;--glass:#393340d9;--theme-wash:linear-gradient(90deg,#302b38fc 0%,#302b38eb 25%,#302b38a6 45%,#302b3808 80%),linear-gradient(0deg,#302b38e3,transparent 60%)}
body[data-theme]{background:var(--theme-canvas)}body[data-theme] .wash{background:var(--theme-wash)}body[data-theme] nav,body[data-theme] .picture-note{background:var(--theme-panel);border-color:var(--line)}body[data-theme] .desk-card{border-color:var(--line)}body[data-theme] .desk-card:is(button):hover{background:var(--theme-panel)}body[data-theme] :is(.eyebrow,.tiny-flower,.name-star,.card-icon,.picture-star,.primary-button>span,.footer-right>span){color:var(--rose)}body[data-theme] :is(nav>a,nav>button,.hero-note,.hello,.text-button,.small-note,.card-content>span,.card-content small,.card-arrow,.time-card small,#calendar,footer,.picture-note,.picture-note small,.brand small,.footer-right button){color:var(--muted)}body[data-theme] nav .active{color:var(--rose)}body[data-theme] .primary-button{background:var(--rose);color:var(--theme-canvas);box-shadow:none}body[data-theme] .primary-button>span{color:inherit}body[data-theme] :is(#about,#updates){background:var(--theme-panel);border-color:var(--line)}body[data-theme] :is(#about,#updates) :is(p,.modal-kicker,.modal-foot,.updates-list,.close-dialog){color:var(--muted)}body[data-theme] .modal-signature{color:var(--rose)}body[data-theme] .time-flower{color:var(--rose);opacity:.14}body[data-theme] .clock-dot{background:var(--rose)}body[data-theme] .card-icon{background:transparent}body[data-theme] .toast{background:var(--theme-panel);color:var(--ink);border:1px solid var(--line)}
@media(max-width:850px){#world{width:calc(100% - 30px)}.world-header{padding:22px}.world-body{padding:0 22px 22px}.world-showcase{grid-template-columns:minmax(0,1fr) 220px}.world-stage{height:330px}.world-stage>img{max-height:298px}.world-look{padding:23px 18px}.world-look h3{font-size:22px}.world-thumb>span{align-items:flex-start;flex-direction:column;gap:5px}.world-thumb img{height:110px}}
@media(max-width:760px){nav{gap:12px}.wallpaper[data-layout="portrait"]{background-size:auto 78svh;background-position:right top}body[data-theme] .wash{background:var(--theme-wash),linear-gradient(0deg,var(--theme-canvas) 25%,transparent 80%)}#world{max-height:94svh}.world-header{padding:17px 18px;gap:10px}.world-header h2{font-size:23px;letter-spacing:2px}.world-header .modal-kicker{font-size:7px;letter-spacing:1.5px}.world-header-actions{gap:12px}.world-header #restore-world{font-size:9px}.world-header .close-dialog{width:30px;height:30px;font-size:21px}.world-body{padding:0 18px 20px}.world-intro{padding:13px 0}.world-intro p{font-size:10px!important;letter-spacing:.4px}.world-intro>span{display:none}.world-filters{gap:7px;margin-bottom:16px}.world-filters button{padding:7px 11px;font-size:10px;min-height:34px}.world-filters button>span{margin-left:4px;font-size:8px}.world-showcase{display:flex;flex-direction:column}.world-stage{height:280px;padding:12px}.world-stage>img{max-height:256px}.world-look{display:grid;grid-template-columns:1fr auto;padding:20px;gap:10px 14px;align-items:center}.world-style-label{grid-column:1;grid-row:1;justify-self:start;font-size:9px;padding-bottom:4px}.world-look h3{grid-column:1;grid-row:2;margin:0;font-size:23px}.world-look p{grid-column:1/-1;grid-row:3;margin:0;min-height:0;font-size:11px}.world-palette{grid-column:2;grid-row:1/3;gap:5px}.world-palette>span{width:21px;height:21px}.palette-label{display:none}.world-apply{grid-column:1/-1;margin-top:3px}.world-look>small{grid-column:1/-1;margin:0;text-align:center;font-size:8px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.world-thumb img{height:114px}.world-grid-heading{margin-top:22px}.world-bottom{flex-direction:column;font-size:9px}.world-bottom>span:last-child{font-size:6px}.about-motto{font-size:17px!important;letter-spacing:1px}}
@media(max-width:360px){#world{width:calc(100% - 18px)}.world-body{padding:0 13px 18px}.world-header{padding:15px 13px}.world-header-actions{gap:7px}.world-stage{height:240px}.world-stage>img{max-height:216px}.world-look{padding:17px}.world-thumb img{height:100px}.world-thumb strong{font-size:10px}}
