@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}@font-face{font-family:JinXuan Latte;src:url(/fonts/jinxuan-latte-medium.otf)format("opentype");font-style:normal;font-weight:400 600;font-display:swap}@font-face{font-family:JinXuan Latte;src:url(/fonts/jinxuan-latte-heavy.otf)format("opentype");font-style:normal;font-weight:700 900;font-display:swap}:root{--paper:#fff9ef;--ink:#342f2a;--orange:#c96f35;--orange-dark:#a84f26;--mist:#8aa9b6}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#d9e6e5;font-family:JinXuan Latte,Noto Sans TC,PingFang TC,sans-serif;overflow:hidden}button,a{color:inherit;font:inherit}button{cursor:pointer;border:0}a{text-decoration:none}.map-page{background:#c8dcdb;width:100vw;height:100svh;position:relative;overflow:hidden}.map-header{z-index:30;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:84px;padding:0 clamp(22px,3.2vw,56px);display:grid;position:fixed;top:0;left:0}.map-header>*{pointer-events:auto}.menu-button{background:#fffaf0db;border-radius:50%;place-content:center;gap:5px;width:48px;height:48px;transition:transform .25s,background .25s;display:grid;box-shadow:0 8px 25px #3e322524}.menu-button:hover{background:#fff;transform:scale(1.06)}.menu-button i{background:var(--ink);border-radius:10px;width:18px;height:2px;transition:all .25s;display:block}.menu-button.is-open i:first-child{transform:translateY(7px)rotate(45deg)}.menu-button.is-open i:nth-child(2){opacity:0}.menu-button.is-open i:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.map-brand{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf0d6;border-radius:40px;align-items:center;gap:9px;padding:5px 14px 5px 7px;display:flex;box-shadow:0 8px 25px #3e32251c}.map-brand-mark{background:#fff;border-radius:50%;width:39px;height:39px;overflow:hidden}.map-brand-mark img{object-fit:contain;width:100%;height:100%}.map-brand>span:last-child{flex-direction:column;display:flex}.map-brand b{letter-spacing:.18em;font-size:18px;line-height:1}.map-brand small{letter-spacing:.22em;color:#887b70;margin-top:5px;font:7px/1 Arial,sans-serif}.header-actions{justify-self:end;gap:8px;display:flex}.header-actions button{background:#fffaf0d6;border-radius:50%;width:42px;height:42px;font:24px/1 Arial,sans-serif;transition:transform .2s,background .2s;box-shadow:0 7px 22px #3e32251a}.header-actions button:hover{background:#fff;transform:translateY(-3px)}.map-viewport{cursor:grab;position:absolute;inset:0;overflow:hidden}.map-canvas{width:100%;min-width:900px;height:100%;position:relative}.map-art{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:saturate(.94)contrast(.98);width:100%;height:100%;position:absolute;inset:0}.map-canvas:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 35%,#48433614 130%);position:absolute;inset:0}.water-shimmer{z-index:1;pointer-events:none;border-top:2px solid #ffffffb3;border-radius:50%;width:80px;height:8px;animation:3.6s ease-in-out infinite ripple;position:absolute}.shimmer-one{top:60%;left:7%}.shimmer-two{animation-delay:-1.8s;top:35%;right:6%}@keyframes ripple{0%,to{opacity:.15;transform:scaleX(.55)}50%{opacity:.7;transform:scaleX(1.3)}}.map-hotspot{z-index:5;background:0 0;border-radius:50%;place-items:center;width:128px;height:128px;display:grid;position:absolute;transform:translate(-50%,-50%)}.hotspot-ring{background:#fff9efed;border:2px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .25s,background .25s;animation:2.5s ease-in-out infinite beacon;display:grid;box-shadow:0 0 0 5px #c96f3533,0 6px 20px #4d321f38}.hotspot-ring i{color:var(--orange-dark);font:17px/1 Arial,sans-serif}@keyframes beacon{0%,to{box-shadow:0 0 0 4px #c96f351f,0 6px 20px #4d321f33}50%{box-shadow:0 0 0 12px #c96f3500,0 8px 25px #4d321f3d}}.hotspot-label{text-align:center;opacity:0;pointer-events:none;background:#fff9eff5;border:2px solid #fff;border-radius:15px;min-width:150px;padding:12px 16px;transition:opacity .24s,transform .24s;position:absolute;bottom:97px;left:50%;transform:translate(-50%,10px);box-shadow:0 12px 30px #4635242b}.hotspot-label:after{content:"";background:var(--paper);border-bottom:2px solid #fff;border-right:2px solid #fff;width:12px;height:12px;position:absolute;bottom:-8px;left:calc(50% - 7px);transform:rotate(45deg)}.hotspot-label small,.hotspot-label em{display:block}.hotspot-label small{color:var(--orange-dark);letter-spacing:.06em;white-space:nowrap;margin-bottom:5px;font-size:9px}.hotspot-label b{letter-spacing:.07em;white-space:nowrap;font-size:16px}.hotspot-label em{color:#85796d;letter-spacing:.08em;margin-top:4px;font-size:9px;font-style:normal}.map-hotspot:hover .hotspot-ring,.map-hotspot:focus-visible .hotspot-ring{background:#fff;transform:scale(1.18)}.map-hotspot:hover .hotspot-label,.map-hotspot:focus-visible .hotspot-label{opacity:1;transform:translate(-50%)}.hotspot-lantern .hotspot-ring{background:#fff5da;width:47px;height:47px;box-shadow:0 0 24px #df8536b8}.map-guide{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9efe6;border:2px solid #fff;border-radius:18px;align-items:center;gap:13px;padding:12px 18px 12px 12px;display:flex;position:fixed;bottom:30px;left:clamp(20px,3vw,48px);box-shadow:0 10px 30px #3d302221}.guide-lantern{background:linear-gradient(#f0a651,#d57537);border-radius:14px 14px 7px 7px;width:34px;height:41px;display:block;box-shadow:0 0 20px #d979366b}.map-guide div{flex-direction:column;display:flex}.map-guide b{letter-spacing:.07em;font-size:14px}.map-guide small{color:#83776d;letter-spacing:.04em;margin-top:5px;font-size:10px}.all-tools-button{z-index:15;background:var(--orange-dark);color:#fff;text-align:left;border-radius:18px;min-width:160px;padding:12px 20px;transition:transform .25s,background .25s;position:fixed;bottom:30px;right:clamp(20px,3vw,48px);box-shadow:0 12px 30px #7a3d1d40}.all-tools-button:hover{background:#93451f;transform:translateY(-4px)}.all-tools-button span,.all-tools-button b{display:block}.all-tools-button span{opacity:.72;letter-spacing:.12em;margin-bottom:4px;font-size:9px}.all-tools-button b{letter-spacing:.08em;font-size:13px}.drag-guide{display:none}.side-menu{z-index:28;background:#fcf5e9;width:min(410px,92vw);padding:112px 36px 30px;transition:transform .45s cubic-bezier(.22,1,.36,1);position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-102%);box-shadow:18px 0 60px #3c2d1f26}.side-menu.is-open{transform:translate(0)}.side-menu-heading p{letter-spacing:.24em;color:var(--orange-dark);margin:0 0 10px;font:9px/1 Arial,sans-serif}.side-menu-heading h2{letter-spacing:.07em;margin:0 0 30px;font-size:30px;font-weight:500}.side-menu nav{border-top:1px solid #3f332821}.side-menu nav button{text-align:left;background:0 0;border-bottom:1px solid #3f332821;grid-template-columns:35px 1fr 20px;align-items:center;gap:10px;width:100%;padding:16px 2px;display:grid}.side-menu nav button>span{color:#aaa094;font:9px Arial,sans-serif}.side-menu nav button div{align-items:baseline;gap:10px;display:flex}.side-menu nav button b{letter-spacing:.05em;font-size:14px}.side-menu nav button small{color:#8e8276;border-left:1px solid #c9bfb3;padding-left:10px;font-size:9px}.side-menu nav button i{color:var(--orange-dark);opacity:0;font-style:normal;transition:all .2s;transform:translate(-5px)}.side-menu nav button:hover i{opacity:1;transform:none}.menu-note{color:#a0978d;margin-top:25px;font-size:10px;line-height:1.8}.menu-backdrop{z-index:27;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2a231c40;position:fixed;inset:0}.place-panel{z-index:25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9eff5;border:2px solid #fff;border-radius:25px;width:min(370px,100vw - 40px);max-height:calc(100svh - 40px);padding:34px;transition:transform .48s cubic-bezier(.22,1,.36,1);position:fixed;top:50%;right:26px;overflow-y:auto;transform:translate(calc(100% + 50px),-50%);box-shadow:0 25px 70px #372a1d38}.place-panel.is-open{transform:translateY(-50%)}.panel-close{color:#87796d;background:0 0;width:32px;height:32px;font:25px/1 Arial,sans-serif;position:absolute;top:16px;right:18px}.panel-number{color:#b6a99d;letter-spacing:.15em;margin-bottom:28px;font:10px/1 Arial,sans-serif}.panel-kicker{color:var(--orange-dark);letter-spacing:.1em;margin:0 0 10px;font-size:11px}.place-panel h2{letter-spacing:.08em;margin:0 0 8px;font-size:31px;font-weight:600}.panel-service{color:#81756a;letter-spacing:.1em;font-size:11px}.panel-description{color:#6e655d;letter-spacing:.04em;border-top:1px solid #41332721;margin:25px 0;padding-top:22px;font-size:13px;line-height:1.9}.enter-button{background:var(--orange-dark);color:#fff;letter-spacing:.08em;border-radius:13px;justify-content:space-between;align-items:center;height:50px;padding:0 20px;font-size:13px;display:flex}.panel-demo-note{color:#aaa096;text-align:center;margin:13px 0 0;font-size:9px;line-height:1.6}@media (max-width:800px){.map-header{height:68px;padding:0 14px}.menu-button{width:42px;height:42px}.map-brand{padding:4px 9px 4px 4px}.map-brand-mark{width:34px;height:34px}.map-brand b{font-size:15px}.header-actions{gap:5px}.header-actions button{width:38px;height:38px;font-size:20px}.header-actions button:first-child{display:none}.map-viewport{-webkit-overflow-scrolling:touch;overflow:auto hidden}.map-canvas{min-width:980px;height:100%}.map-art{object-fit:cover}.map-guide{padding:9px 12px 9px 9px;bottom:20px;left:14px}.guide-lantern{width:28px;height:34px}.map-guide b{font-size:12px}.map-guide small{font-size:8px}.all-tools-button{min-width:auto;padding:11px 14px;bottom:20px;right:14px}.all-tools-button span{display:none}.drag-guide{z-index:14;white-space:nowrap;color:#6e645a;letter-spacing:.06em;background:#fff9efd1;border-radius:20px;align-items:center;gap:8px;padding:6px 10px;font-size:9px;display:flex;position:fixed;top:77px;left:50%;transform:translate(-50%)}.place-panel{border-radius:22px;width:auto;padding:25px;inset:auto 14px 14px;transform:translateY(calc(100% + 40px))}.place-panel.is-open{transform:none}.panel-number{margin-bottom:17px}.place-panel h2{font-size:26px}.panel-description{margin:18px 0;padding-top:17px}}@media (max-width:480px){.map-brand>span:last-child{display:none}.map-brand{padding-right:4px}.hotspot-label{display:none}.map-hotspot{width:90px;height:90px}.side-menu{padding:94px 24px 24px}.map-guide small{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.side-menu nav button{position:relative}.side-menu nav button mark{color:#75866e;letter-spacing:.06em;background:#e8eee1;border-radius:20px;padding:4px 7px;font-size:8px;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.menu-world-links{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;display:grid}.menu-world-links button{text-align:left;background:#f4eadc;border:1px solid #513f2e1a;border-radius:12px;padding:13px}.menu-world-links span{color:var(--orange-dark);margin-bottom:7px;font-size:19px;display:block}.menu-world-links b,.menu-world-links small{display:block}.menu-world-links b{letter-spacing:.05em;font-size:11px}.menu-world-links small{color:#918579;margin-top:4px;font-size:8px;line-height:1.5}.menu-progress{margin-top:24px}.menu-progress>span,.menu-progress>b{letter-spacing:.08em;font-size:9px}.menu-progress>b{float:right;color:var(--orange-dark)}.menu-progress>i,.progress-large>i{background:#e5d9cb;border-radius:10px;height:5px;margin-top:9px;display:block;overflow:hidden}.menu-progress>i em,.progress-large>i em{border-radius:inherit;background:linear-gradient(90deg,#d4884c,#b65c31);height:100%;transition:width .5s;display:block}.world-hotspot{z-index:4;color:#4e463f;background:#fff9efe6;border:2px solid #fff;border-radius:30px;align-items:center;gap:7px;padding:7px 11px 7px 7px;animation:3s ease-in-out infinite float-marker;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 20px #41312226}.world-hotspot span{color:#fff;background:var(--orange-dark);border-radius:50%;place-items:center;width:25px;height:25px;font:14px Arial,sans-serif;display:grid}.world-hotspot b{letter-spacing:.06em;white-space:nowrap;font-size:10px}.mail-hotspot{animation-delay:-1.5s;top:24%;left:60%}@keyframes float-marker{50%{transform:translate(-50%,calc(-50% - 5px))}}.daily-card{z-index:15;color:#4f463e;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9efeb;border:2px solid #fff;border-radius:17px;width:min(290px,100vw - 40px);padding:14px 18px;position:fixed;bottom:28px;left:clamp(20px,3vw,48px);box-shadow:0 10px 30px #3d302224}.daily-card>span{color:var(--orange-dark);letter-spacing:.15em;font-size:8px}.daily-card p{letter-spacing:.04em;margin:5px 0 7px;font-size:11px;line-height:1.6}.daily-card b{color:#8c7e72;font-size:9px}.tool-facts{grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 22px;display:grid}.tool-facts>span{text-align:center;background:#f2eadf;border-radius:10px;min-height:90px;padding:11px 8px}.tool-facts i,.tool-facts b,.tool-facts small{display:block}.tool-facts i{color:var(--orange-dark);margin-bottom:8px;font:17px Arial,sans-serif}.tool-facts b{letter-spacing:.04em;margin-bottom:5px;font-size:9px}.tool-facts small{color:#867b70;font-size:8px;line-height:1.45}.enter-button{border:0;width:100%}.enter-button b{font-weight:400}.feature-drawer{z-index:35;background:#fff9effb;border:2px solid #fff;border-radius:25px;width:min(520px,100vw - 28px);transition:transform .5s cubic-bezier(.22,1,.36,1);position:fixed;top:14px;bottom:14px;right:14px;overflow-y:auto;transform:translate(calc(100% + 30px));box-shadow:0 28px 80px #32271b40}.feature-drawer.is-open{transform:none}.feature-close{z-index:2;color:#796d63;background:#f2e9dc;border-radius:50%;width:36px;height:36px;font:24px/1 Arial,sans-serif;position:absolute;top:18px;right:21px}.feature-content{padding:54px 42px 42px}.feature-eyebrow{color:var(--orange-dark);letter-spacing:.22em;margin:0 0 12px;font:9px/1 Arial,sans-serif}.feature-content>h2{letter-spacing:.08em;margin:0;font-size:35px;font-weight:500}.feature-intro{color:#796e64;margin:13px 0 28px;font-size:12px;line-height:1.8}.feature-content blockquote{color:#5d4f43;letter-spacing:.06em;background:#f3e8d9;border:0;border-radius:17px;margin:34px 0 30px;padding:28px;font-size:20px;line-height:1.8;position:relative}.feature-content blockquote:before{content:"“";color:#d6a070;font-size:40px;position:absolute;top:-5px;left:14px}.daily-details{gap:9px;margin-bottom:28px;display:grid}.daily-details section{background:#fffcf6;border:1px solid #503e2d1c;border-radius:12px;padding:14px 16px}.daily-details section span{color:#9c8e81;letter-spacing:.12em;margin-bottom:7px;font-size:8px;display:block}.daily-details section p{letter-spacing:.04em;margin:0;font-size:12px}.color-dot{background:#bf714a;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.primary-action,.secondary-action{color:#fff;background:var(--orange-dark);letter-spacing:.06em;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:50px;padding:0 18px;font-size:12px;display:flex}.secondary-action{color:#776b61;background:0 0;border:1px solid #503e2d2e;justify-content:center;margin-top:20px}.feature-backdrop{z-index:34;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2c251d33;position:fixed;inset:0}.journey-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin:32px 0 20px;display:grid}.journey-summary span{text-align:center;background:#f2e9dc;border-radius:13px;padding:18px 6px}.journey-summary b,.journey-summary small{display:block}.journey-summary b{color:var(--orange-dark);font:26px Arial,sans-serif}.journey-summary small{color:#867b70;margin-top:7px;font-size:8px}.progress-large{border:1px solid #503e2d1f;border-radius:12px;padding:16px}.progress-large div{justify-content:space-between;display:flex}.progress-large span,.progress-large b{letter-spacing:.05em;font-size:10px}.subheading{letter-spacing:.08em;margin:28px 0 12px;font-size:14px}.recent-list{gap:7px;display:grid}.recent-list button{text-align:left;background:#f7efe4;border-radius:10px;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;padding:11px;display:grid}.recent-list button>span{width:38px;height:38px;color:var(--orange-dark);background:#fff;border-radius:50%;place-items:center;display:grid}.recent-list button div b,.recent-list button div small{display:block}.recent-list button div small{color:#8a7e73;margin-top:4px;font-size:8px}.recent-list button>i{color:var(--orange-dark);font-style:normal}.empty-state{text-align:center;border:1px dashed #d1c2b2;border-radius:13px;padding:30px 20px}.empty-state>span{color:#d48a4d;font-size:28px}.empty-state b{margin:10px 0;font-size:13px;display:block}.empty-state p{color:#887c71;font-size:10px;line-height:1.7}.empty-state button{color:var(--orange-dark);background:0 0;border-bottom:1px solid #d9a57c;padding:5px 0;font-size:10px}.letter-list{gap:10px;display:grid}.letter-list article{background:#f4eadc;border-radius:14px;padding:20px}.letter-list article>div{align-items:center;gap:10px;display:flex}.letter-list article>div span{color:#94877b;font:9px Arial,sans-serif}.letter-list article>div b{color:#6f8187;border:1px solid #b8c6c8;border-radius:20px;padding:4px 7px;font-size:8px}.letter-list h3{letter-spacing:.04em;margin:13px 0 7px;font-size:14px}.letter-list p{color:#7d7166;margin:0;font-size:10px;line-height:1.7}.letter-list button{color:var(--orange-dark);background:0 0;padding:12px 0 0;font-size:9px}.article-list{border-top:1px solid #503e2d24}.article-list>button{text-align:left;background:0 0;border-bottom:1px solid #503e2d24;grid-template-columns:32px 1fr 20px;align-items:center;gap:10px;width:100%;padding:19px 3px;display:grid}.article-list>button>span{color:#aaa095;font:9px Arial,sans-serif}.article-list>button div small,.article-list>button div b,.article-list>button div em{display:block}.article-list>button div small{color:var(--orange-dark);margin-bottom:6px;font-size:8px}.article-list>button div b{font-size:13px;line-height:1.5}.article-list>button div em{color:#9a8f84;margin-top:6px;font-size:8px;font-style:normal}.article-list>button>i{color:var(--orange-dark);font-style:normal}.mail-actions{gap:9px;display:grid}.mail-actions>*{text-align:left;background:#f3eadf;border-radius:12px;grid-template-columns:42px 1fr 20px;align-items:center;gap:11px;padding:14px;display:grid}.mail-actions>*>span{color:#fff;background:#c37642;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.mail-actions b,.mail-actions small{display:block}.mail-actions small{color:#8c8177;margin-top:5px;font-size:8px;line-height:1.5}.mail-actions i{color:var(--orange-dark);font-style:normal}.faq-list{border-top:1px solid #503e2d24}.faq-list>button{text-align:left;background:0 0;border-bottom:1px solid #503e2d24;width:100%;padding:15px 2px}.faq-list>button>span{justify-content:space-between;align-items:center;display:flex}.faq-list i{color:var(--orange-dark);font-style:normal;transition:transform .2s}.faq-list p{color:#7f746a;margin:12px 25px 0 0;font-size:9px;line-height:1.8;display:none}.faq-list button.is-open p{display:block}.faq-list button.is-open i{transform:rotate(45deg)}.recommend-progress{background:#e7dcd0;border-radius:10px;height:4px;margin:34px 0 8px;overflow:hidden}.recommend-progress span{background:var(--orange-dark);height:100%;transition:width .3s;display:block}.step-count{color:#9d9084;letter-spacing:.1em;font:8px Arial,sans-serif}.recommend-content>h3{letter-spacing:.05em;margin:23px 0 18px;font-size:18px}.answer-list{gap:8px;display:grid}.answer-list button{color:#5e554d;background:#f3eadf;border-radius:11px;justify-content:space-between;align-items:center;padding:15px 17px;font-size:11px;display:flex}.answer-list button:hover{color:#fff;background:var(--orange-dark)}.answer-list i{font-style:normal}.recommend-result{text-align:center;padding-top:38px}.result-glow{width:74px;height:74px;color:var(--orange-dark);background:#fff0d5;border-radius:50%;place-items:center;margin:0 auto 24px;font-size:25px;display:grid;box-shadow:0 0 38px #dc853c59}.recommend-result>p{color:#8b7e72;letter-spacing:.08em;font-size:10px}.recommend-result>h3{letter-spacing:.08em;margin:7px 0;font-size:29px}.recommend-result>small{color:var(--orange-dark);font-size:10px}.recommend-result blockquote{text-align:left;font-size:13px}.text-action{color:#87796e;background:0 0;border-bottom:1px solid #bcb0a4;margin-top:16px;padding:5px;font-size:9px}.guide-overlay{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#342c2366;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.guide-card{text-align:center;background:#fff9ef;border:2px solid #fff;border-radius:25px;width:min(430px,100%);padding:32px;position:relative;box-shadow:0 30px 100px #2e231740}.guide-skip{color:#95897e;background:0 0;font-size:9px;position:absolute;top:16px;right:20px}.guide-illustration{color:#fff;background:linear-gradient(145deg,#e5a563,#b85f2f);border-radius:50%;place-items:center;width:88px;height:88px;margin:13px auto 22px;font:24px Arial,sans-serif;display:grid;box-shadow:0 0 40px #d279374d}.guide-card>small{color:var(--orange-dark);letter-spacing:.12em;font-size:9px}.guide-card h2{letter-spacing:.07em;margin:9px 0 12px;font-size:24px}.guide-card>p{color:#786d63;max-width:300px;margin:0 auto;font-size:11px;line-height:1.8}.guide-dots{justify-content:center;gap:6px;margin:23px 0;display:flex}.guide-dots i{background:#d7cdc1;border-radius:50%;width:6px;height:6px}.guide-dots i.active{background:var(--orange-dark);border-radius:10px;width:18px}.guide-card .primary-action{width:100%}@media (max-width:800px){.daily-card{width:180px;padding:10px 12px;bottom:16px;left:10px}.daily-card p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.daily-card b{display:none}.feature-drawer{border-radius:22px;width:auto;inset:8px;transform:translateY(calc(100% + 20px))}.feature-drawer.is-open{transform:none}.feature-content{padding:50px 24px 30px}.feature-content>h2{font-size:30px}.world-hotspot b{display:none}.world-hotspot{padding:5px}}@media (max-width:480px){.daily-card{width:152px}.daily-card p{font-size:9px}.tool-facts{grid-template-columns:1fr}.tool-facts>span{text-align:left;grid-template-columns:25px 70px 1fr;align-items:center;min-height:auto;display:grid}.tool-facts i,.tool-facts b{margin:0}.menu-world-links{grid-template-columns:1fr}.journey-summary b{font-size:21px}.guide-card{padding:26px 22px}}.map-brand b{font-size:21px;font-weight:700}.map-brand small{font-size:9px}.hotspot-label{min-width:178px;padding:14px 18px}.hotspot-label small{font-size:12px}.hotspot-label b{font-size:19px;font-weight:700}.hotspot-label em{font-size:12px}.world-hotspot b{font-size:13px}.daily-card>span{font-size:11px}.daily-card p{font-size:14px}.daily-card b,.all-tools-button span{font-size:11px}.all-tools-button b{font-size:16px}.side-menu-heading p{font-size:11px}.side-menu-heading h2{font-size:35px;font-weight:700}.side-menu nav button{padding-top:18px;padding-bottom:18px}.side-menu nav button>span{font-size:11px}.side-menu nav button b{font-size:17px;font-weight:700}.side-menu nav button small{font-size:12px}.side-menu nav button mark{font-size:10px}.menu-world-links b{font-size:14px}.menu-world-links small{font-size:11px}.menu-progress>span,.menu-progress>b,.panel-number{font-size:12px}.panel-kicker{font-size:14px}.place-panel h2{font-size:36px;font-weight:700}.panel-service{font-size:14px}.panel-description{font-size:16px;line-height:1.85}.tool-facts b{font-size:12px}.tool-facts small{font-size:11px}.enter-button{min-height:56px;font-size:16px}.panel-demo-note,.feature-eyebrow{font-size:11px}.feature-content>h2{font-size:40px;font-weight:700}.feature-intro{font-size:15px}.daily-details section span{font-size:11px}.daily-details section p{font-size:15px}.primary-action,.secondary-action{min-height:56px;font-size:15px}.journey-summary small{font-size:11px}.progress-large span,.progress-large b{font-size:13px}.subheading{font-size:18px}.recent-list button div b{font-size:14px}.recent-list button div small{font-size:11px}.empty-state b{font-size:16px}.empty-state p,.empty-state button{font-size:13px}.letter-list article>div span{font-size:11px}.letter-list article>div b{font-size:10px}.letter-list h3{font-size:18px}.letter-list p{font-size:13px}.letter-list button{font-size:12px}.article-list>button>span,.article-list>button div small{font-size:11px}.article-list>button div b{font-size:16px}.article-list>button div em{font-size:11px}.mail-actions b{font-size:15px}.mail-actions small{font-size:11px}.faq-list b{font-size:14px}.faq-list p{font-size:12px}.step-count{font-size:10px}.recommend-content>h3{font-size:22px}.answer-list button{min-height:54px;font-size:15px}.recommend-result>p{font-size:13px}.recommend-result>h3{font-size:34px;font-weight:700}.recommend-result>small{font-size:13px}.recommend-result blockquote{font-size:16px}.text-action,.guide-skip,.guide-card>small{font-size:12px}.guide-card h2{font-size:29px;font-weight:700}.guide-card>p{font-size:15px}@media (max-width:800px){.map-brand b{font-size:18px}.daily-card p{font-size:12px}.daily-card>span{font-size:10px}.feature-content>h2{font-size:34px}.place-panel h2{font-size:31px}.panel-description{font-size:14px}}@media (max-width:480px){.daily-card p{font-size:11px}.side-menu nav button b{font-size:16px}.side-menu nav button small,.tool-facts b{font-size:11px}.tool-facts small{font-size:10px}}.map-canvas{will-change:transform;transition:transform .85s cubic-bezier(.22,1,.36,1)}.map-canvas.view-all{transform-origin:50%;transform:scale(1)}.map-canvas.view-main{transform-origin:35% 31%;transform:scale(1.52)}.map-canvas.view-tools{transform-origin:79% 18%;transform:scale(2.05)}.map-canvas.view-creation{transform-origin:24% 73%;transform:scale(1.9)}.map-canvas.view-shop{transform-origin:76% 70%;transform:scale(1.85)}.map-canvas:not(.view-all) .map-hotspot,.map-canvas:not(.view-all) .world-hotspot{opacity:0;pointer-events:none}.map-canvas.view-main [data-island=main],.map-canvas.view-tools [data-island=tools],.map-canvas.view-creation [data-island=creation],.map-canvas.view-shop [data-island=shop]{opacity:1;pointer-events:auto}.map-hotspot,.world-hotspot{transition:opacity .35s,transform .25s}.building-layer{z-index:-1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 9px 8px #42302029);width:190px;height:190px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-hotspot:hover .building-layer{transform:translate(-50%,-53%)scale(1.035)}.library-hotspot{top:13%;left:31%}.mail-hotspot{top:25%;left:48%}.island-compass{z-index:21;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9efeb;border:2px solid #fff;border-radius:19px;width:215px;padding:14px;position:fixed;top:96px;left:clamp(18px,3vw,48px);box-shadow:0 13px 35px #3d302224}.compass-current{padding:2px 3px 12px}.compass-current span,.compass-current b,.compass-current small{display:block}.compass-current span{color:var(--orange-dark);letter-spacing:.18em;margin-bottom:8px;font:10px/1 Arial,sans-serif}.compass-current b{letter-spacing:.06em;font-size:19px}.compass-current small{color:#8b7f73;margin-top:5px;font-size:11px}.compass-options{border-top:1px solid #4d3b2b1f;grid-template-columns:repeat(5,1fr);gap:5px;padding-top:11px;display:grid}.compass-options button{color:#81756a;background:0 0;border-radius:9px;min-width:0;padding:7px 2px}.compass-options button:hover,.compass-options button.is-active{color:#fff;background:var(--orange-dark)}.compass-options i,.compass-options span{display:block}.compass-options i{margin-bottom:5px;font:15px/1 Arial,sans-serif}.compass-options span{font-size:9px}.return-archipelago{z-index:20;color:#655a50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9eff0;border:2px solid #fff;border-radius:14px;align-items:center;gap:10px;padding:10px 15px 10px 11px;transition:transform .2s,background .2s;display:flex;position:fixed;top:275px;left:clamp(18px,3vw,48px);box-shadow:0 10px 28px #3d302221}.return-archipelago:hover{background:#fff;transform:translate(-3px)}.return-archipelago>span{color:#fff;background:var(--orange-dark);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.return-archipelago div{text-align:left}.return-archipelago small,.return-archipelago b{display:block}.return-archipelago small{color:#9a8d81;letter-spacing:.12em;margin-bottom:4px;font:8px/1 Arial,sans-serif}.return-archipelago b{letter-spacing:.05em;font-size:13px}@media (max-width:800px){.map-canvas.view-main{transform-origin:35% 31%;transform:scale(1.4)}.map-canvas.view-tools{transform-origin:79% 18%;transform:scale(1.7)}.map-canvas.view-creation{transform-origin:24% 73%;transform:scale(1.65)}.map-canvas.view-shop{transform-origin:76% 70%;transform:scale(1.65)}.island-compass{width:min(360px,100vw - 26px);padding:9px 11px;top:75px;left:50%;transform:translate(-50%)}.compass-current{align-items:baseline;gap:9px;padding:0 2px 8px;display:flex}.compass-current span{display:none}.compass-current b{font-size:15px}.compass-current small{margin:0;font-size:9px}.compass-options{padding-top:7px}.compass-options button{padding:5px 2px}.compass-options i{margin-bottom:3px;font-size:13px}.compass-options span{font-size:8px}.drag-guide{top:155px}.return-archipelago{padding:7px 10px 7px 7px;top:154px;left:13px}.return-archipelago>span{width:26px;height:26px}.return-archipelago small{display:none}.return-archipelago b{font-size:11px}}