*{box-sizing:border-box}:root{color:#f5f1e7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#02030a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}#app,.archive-shell,.globe-stage{width:100vw;height:100dvh}.archive-shell{background:radial-gradient(circle at 24% 18%,#527ba438,#0000 34%),#02030a;position:relative;overflow:hidden}.globe-stage{position:absolute;inset:0}.topbar,.record-overlay,.upload-panel{z-index:5;color:#f7f4eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a12b8;border:1px solid #ffffff29;position:fixed;box-shadow:0 18px 60px #00000047}.topbar{border-radius:8px;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:14px 20px;transition:opacity .18s,transform .18s;display:flex;top:18px;left:18px;right:18px}.topbar.is-hidden{opacity:0;pointer-events:none;transform:translateY(-12px)}.panel-label,.status-text{color:#c8d3df;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px}h1{letter-spacing:0;min-width:0;margin:0;font-weight:500;line-height:1;overflow:visible}.site-logo{object-fit:contain;width:auto;max-width:min(340px,46vw);height:clamp(26px,3.8vw,38px);display:block}.title-block{align-items:center;min-width:0;display:flex;position:relative}.title-row{align-items:center;gap:8px;min-width:0;display:flex}.menu-button{color:#f7f4ebeb;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:32px;height:32px;min-height:32px;padding:0;display:grid}.location-button{color:#e7edf2;min-height:32px;font:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;padding:7px 11px;font-size:12px;transition:background-color .15s,color .15s}.menu-button .menu-question{background:0 0;border-radius:0;width:auto;height:auto;font-size:17px;font-weight:500;line-height:1;display:block}.menu-button:hover,.menu-button:focus-visible,.menu-button[aria-expanded=true],.location-button:hover,.location-button:focus-visible{color:#101216;background:#f2d16bdb;border-color:#f2d16b6b;outline:none}.archive-menu{color:#f7f4ebe6;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a12c7;border:1px solid #ffffff1f;border-radius:8px;justify-items:center;gap:10px;width:min(300px,100vw - 56px);padding:12px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-6px);box-shadow:0 18px 48px #0000004d}.archive-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.archive-menu section{gap:3px;display:grid}.archive-menu strong{color:#fffaf0eb;font-size:13px;font-weight:500}.archive-menu p{color:#e2e9eec7;margin:0;font-size:12px;line-height:1.45}.locale-section{border-top:0;padding-top:0}.topbar-locale{border-top:0;align-items:center;gap:8px;padding:0;display:inline-flex}.locale-switch{align-items:center;gap:3px;width:fit-content;display:inline-flex}.locale-switch button{color:#f7f4ebb8;min-width:66px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 10px;font-size:12px}.locale-switch button:hover,.locale-switch button:focus-visible,.locale-switch button.is-active{color:#161616;background:#f4d162f2}.stats{color:#e7edf2;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:13px;display:flex}.stats span{color:#e7edf2;background:#ffffff1a;border:0;border-radius:999px;padding:7px 10px}.stats .locale-section{color:#e7edf2}.selected-coords-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-version{opacity:.46;letter-spacing:0;text-transform:none;font-size:10px}.record-overlay{opacity:0;pointer-events:none;width:min(760px,100vw - 44px);min-height:auto;max-height:calc(100vh - 80px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:8px;place-items:center;padding:8px;transition:opacity .18s,transform .18s;display:grid;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)scale(.98)}.record-overlay.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.record-display{isolation:isolate;justify-items:center;gap:0;width:100%;padding:0;display:grid;position:relative;overflow:visible}.record-display-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fff4d609,#ffffff03 40%,#0d111a2e),#070a1229;border:1px solid #ffffff08;border-radius:8px;justify-items:center;gap:10px;width:min(720px,100%);padding:14px 18px;display:grid;box-shadow:0 18px 54px #0003}.record-display-card:focus{outline:none}.record-display-art{border-radius:8px;place-items:center;width:100%;min-height:clamp(160px,26vh,280px);display:grid;position:relative;overflow:hidden}.record-display-art:before{content:"";filter:blur(14px);pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 56%),linear-gradient(48deg,#0000 36%,#f2d16b12,#0000 76%);border-radius:999px;position:absolute;inset:26% 34%}.record-display-art img{z-index:1;object-fit:contain;filter:drop-shadow(0 0 11px #ffffff47)drop-shadow(0 14px 28px #0000005c);width:100%;max-height:min(34vh,320px);padding:8px 12px;display:block;position:relative}.record-display-art.is-audio-only{min-height:clamp(120px,20vh,220px)}.audio-only-mark{z-index:1;color:#ffffffeb;background:#ffffff0b;border-radius:10px;place-items:center;min-width:min(520px,100%);padding:22px 28px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.audio-only-mark span{text-align:center;filter:drop-shadow(0 0 12px #ffffff42);font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:clamp(28px,7vw,74px);line-height:1.08}.record-display-info{color:#fffaf0d6;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06080d3d;border:1px solid #ffffff0f;border-radius:8px;gap:6px;width:min(340px,100%);padding:10px 52px 10px 12px;transition:opacity .16s,transform .16s;display:grid;position:relative;transform:translateY(4px)}.record-display-info:before{content:"";height:16px;position:absolute;bottom:100%;left:0;right:0}.record-display-info.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.record-info-row{grid-template-columns:70px minmax(0,1fr);align-items:baseline;gap:8px;width:100%;display:grid}.record-info-row span{color:#fffaf0eb;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:12px;line-height:1.2;overflow:hidden}.record-info-row small{color:#e6edf394;letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:9px;line-height:1.2;overflow:hidden}.record-display-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.detail-toggle-button{color:#fffaf0d6;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;min-height:36px;padding:0 12px;font-size:12px}.detail-toggle-button:hover,.detail-toggle-button:focus-visible{color:#101216;background:#f2d16bdb;outline:none}.record-display button,.record-row button,.primary-button{color:#f8f4ea;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:6px;min-height:38px}.record-display .icon-button{color:#fffaebd1;background:#ffffff12;border-color:#ffffff1f;border-radius:999px;place-items:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:grid}.record-display .icon-button:hover,.record-display .icon-button:focus-visible{color:#fffaf0;background:#f2d16b1f;border-color:#f2d16b6b;outline:none}.record-display .icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}.record-display .icon-button .icon-fill{fill:currentColor;stroke:none}.record-display .play-button{color:#101216f0;background:#f2d16be6;border-color:#f2d16bc7;width:48px;min-width:48px;height:48px;min-height:48px}.record-display .play-button:hover,.record-display .play-button:focus-visible{color:#101216;background:#ffe060f5;border-color:#ffe696f2}.record-display .play-button svg{width:24px;height:24px}.record-display .danger-button{color:#f5f1e775;background:#ffffff09;border-color:#ffffff14;width:28px;min-width:28px;height:28px;min-height:28px;margin-top:0;position:absolute;bottom:10px;right:12px}.record-display .danger-button:hover,.record-display .danger-button:focus-visible{color:#ffdeded1;background:#ff6e6e14;border-color:#ff80803d}.upload-panel{opacity:0;pointer-events:none;overscroll-behavior:contain;scrollbar-width:thin;border-radius:8px;align-content:start;gap:10px;width:min(380px,100vw - 36px);max-height:calc(100dvh - 36px);padding:16px;transition:opacity .18s,transform .18s;display:grid;bottom:18px;right:18px;overflow-y:auto;transform:translateY(18px)}.upload-panel:before{content:"";background:linear-gradient(90deg,#0000,#f2d16bc2,#0000);height:1px;position:absolute;top:0;left:18px;right:18px}.upload-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.upload-panel.is-uploading{pointer-events:auto}.mobile-guide{display:none}.panel-close-button{color:#f7f4ebe0;min-height:32px;font:inherit;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;justify-self:end;align-items:center;padding:7px 10px;font-size:12px;display:inline-flex}.record-close-button{z-index:7;color:#f7f4ebe6;min-height:34px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070a12a3;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;padding:8px 10px;font-size:12px;display:inline-flex;position:fixed;top:30px;right:30px}.panel-close-button:hover,.panel-close-button:focus-visible,.record-close-button:hover,.record-close-button:focus-visible{color:#101216;background:#f2d16bdb;outline:none}.hover-preview{z-index:8;width:220px;min-height:120px;box-shadow:none;opacity:0;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;transition:opacity .14s,transform .14s;display:grid;position:fixed;top:0;left:0;transform:translateY(4px)}.hover-preview.is-visible{opacity:1;transform:translateY(0)}.hover-preview img{object-fit:contain;filter:drop-shadow(0 0 7px #ffffff5c)drop-shadow(0 10px 18px #00000057);width:100%;max-height:130px;display:block}.feedback-prompt{z-index:6;color:#f7f4eb;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a12b8;border:1px solid #ffffff24;border-radius:8px;gap:10px;width:min(420px,100vw - 36px);padding:16px;transition:opacity .18s,transform .18s;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,calc(14px - 50%));box-shadow:0 18px 60px #00000047}.feedback-prompt.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.feedback-prompt strong{text-align:center;font-size:14px;line-height:1.45}.feedback-prompt p{color:#e2e9eeb8;text-align:center;margin:0;font-size:12px;line-height:1.55}.feedback-button{color:#171205;background:#f2d16b;border:1px solid #f2d16bb8;border-radius:999px;place-items:center;width:fit-content;min-width:132px;padding:9px 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-grid}.feedback-button[aria-disabled]{display:none}.panel-heading{gap:3px;padding-bottom:0;display:grid}.panel-title-row{align-items:baseline;gap:10px;display:flex}.panel-heading strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:500;line-height:1.35;overflow:hidden}.place-name{color:#e2e9eea3;text-overflow:ellipsis;white-space:nowrap;min-height:15px;margin:-1px 0 0;font-size:12px;line-height:1.18;overflow:hidden}.form-note,.field-hint,.archive-rules{color:#e2e9ee9e;margin:0;font-size:11px;line-height:1.4}.field-hint{margin-top:-2px}.field-error{color:#ffc4c4d6;min-height:14px;font-size:11px;line-height:1.3}.field-hint-placeholder{visibility:hidden}.archive-rules{color:#e2e9ee8a;padding-top:2px}.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.upload-panel label{color:#e2e9ee;gap:6px;font-size:13px;display:grid;position:relative}.file-field{color:#e2e9ee;gap:6px;font-size:13px;display:grid}.key-field{gap:6px;padding:6px 0}.key-field>span{color:#fffaf0eb;font-size:15px;font-weight:500}.native-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-control{grid-template-columns:1fr minmax(0,1fr);align-items:center;gap:8px;display:grid}.file-control button{color:#101216;background:#f2d16beb;border:1px solid #ffffff2e;border-radius:6px;min-height:36px;padding:0 14px}.key-field .file-control button{min-height:38px;font-size:14px}.file-control span{color:#cbd7e294;text-overflow:ellipsis;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;background:0 0;border:0;min-width:0;padding:0;font-size:12px;line-height:1.2;overflow:hidden}.speaker-field{color:#e2e9ee;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;grid-template-columns:1fr;gap:6px;margin:0;padding:8px;display:grid}.speaker-field legend{color:#c8d3df;letter-spacing:.12em;text-transform:uppercase;padding:0 4px;font-size:11px}.speaker-field label{align-items:center;gap:8px;font-size:12px;display:flex}.speaker-field input{accent-color:#f2d16b}.speaker-extra{gap:8px;padding-top:4px;display:none}.speaker-extra.is-open{display:grid}.speaker-extra label{align-items:initial;gap:6px;display:grid}.upload-panel input[type=text]{color:#f8f4ea;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;width:100%;min-width:0;height:38px;padding:8px 10px;transition:border-color .15s,background-color .15s,box-shadow .15s}.upload-panel input[type=text]:focus{background:#ffffff1c;border-color:#f2d16bb8;outline:none;box-shadow:0 0 0 3px #f2d16b1f}.upload-panel input[type=text]::placeholder{color:#e2e9ee7a}.upload-panel input:disabled,.upload-panel button:disabled{cursor:wait}.suggestion-list{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080c14f5;border:1px solid #ffffff29;border-radius:6px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 14px 34px #00000057}.suggestion-list.is-open{display:grid}.suggestion-option{color:#f8f4ea;text-align:left;background:0 0;border:0;border-radius:0;gap:1px;width:100%;min-height:42px;padding:8px 10px;display:grid}.suggestion-option:hover,.suggestion-option:focus-visible{background:#f2d16b24;outline:none}.suggestion-option span{font-size:14px;line-height:1.15}.suggestion-option small{color:#aeb9c4;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.record-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice-divider{color:#e2e9ee80;grid-template-columns:1fr minmax(0,1fr);margin:-6px 0;font-size:11px;line-height:1;display:grid}.choice-divider span{text-align:center}#recordButton{color:#101216;background:#f2d16b;border-color:#f2d16b}#audioPreview{width:100%;display:none}#audioPreview.is-visible{display:block}.primary-button{color:#101216;background:#f2d16b;border-color:#f2d16b;transition:transform .15s,box-shadow .15s,opacity .15s}.key-submit{min-height:46px;font-size:15px;font-weight:600}.primary-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 26px #f2d16b2e}.status-text{text-transform:none;letter-spacing:0;min-height:16px}.clickable{cursor:pointer}.light-dot{--dot-size:5px;--dot-bg:#fff4a8;--dot-border:#fffad66b;--dot-shadow:0 0 4px #fff4a8db, 0 0 10px #ffe0609e, 0 0 18px #ffcd4047;appearance:none;color:#0000;width:52px;min-width:52px;height:52px;min-height:52px;box-shadow:none;pointer-events:auto;background:0 0;border:0;border-radius:999px;margin:0;padding:0;font-size:0;line-height:0;display:block;position:relative;overflow:visible;transform:translate(-50%,-50%)}.light-dot:before{content:"";width:var(--dot-size);height:var(--dot-size);background:var(--dot-bg);box-shadow:var(--dot-shadow);border:0;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.light-dot:hover:before,.light-dot:focus-visible:before{--dot-size:6px}.light-dot:focus-visible{outline-offset:1px;outline:1px solid #f2d16bc7}.light-dot.is-selected{--dot-size:7px;--dot-bg:#fff;--dot-border:#fff;--dot-shadow:0 0 5px #fffffff2, 0 0 12px #ffffffb3, 0 0 22px #ffe68c75}.light-dot.is-additional-speaker{--dot-size:3px;--dot-bg:#fff7b8;--dot-border:#fffce0eb;--dot-shadow:0 0 3px #fff8b8f2, 0 0 8px #ffe0609e, 0 0 14px #ffcd4047}.light-dot.is-near{--dot-size:5px;--dot-shadow:0 0 5px #fff4a8f2, 0 0 12px #ffe060ad, 0 0 18px #ffcd4057}.light-dot.is-additional-speaker.is-near{--dot-size:3px;--dot-shadow:0 0 3px #fff8b8f2, 0 0 8px #ffe0609e, 0 0 14px #ffcd4047}.light-dot.is-additional-speaker.is-selected,.light-dot.is-additional-speaker.is-selected.is-near{--dot-size:4px}.light-dot.is-selected.is-near{--dot-size:7px;--dot-shadow:0 0 5px #fffffff2, 0 0 12px #ffffffad, 0 0 18px #ffe68c61}@media (width<=760px){body{background:#02030a;overflow:hidden}#app,.archive-shell,.globe-stage{width:100vw;height:100dvh;min-height:0}.topbar{flex-direction:column;align-items:center;gap:10px;max-height:calc(100dvh - 24px);padding:12px 14px;top:12px;left:12px;right:12px;overflow:visible}.title-row{justify-content:center;width:100%;min-width:0}h1{flex:1;align-items:center;min-width:0;display:flex;overflow:visible}.site-logo{max-width:48vw;height:28px}.site-logo.is-english-logo{max-width:56vw;height:34px;transform:translateY(1px)}.stats{justify-content:center;width:100%}.stats span{min-height:30px}.topbar-locale{flex-wrap:wrap}.archive-menu{width:min(300px,100vw - 56px)}.mobile-guide{z-index:4;color:#f7f4ebd1;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#070a1294;border:1px solid #ffffff1a;border-radius:999px;width:min(340px,100vw - 28px);padding:9px 12px;font-size:11px;line-height:1.35;display:block;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000047}.is-panel-open .mobile-guide,.is-record-open .mobile-guide{display:none}.record-close-button{top:22px;right:22px}.light-dot{touch-action:manipulation;width:64px;min-width:64px;height:64px;min-height:64px}.hover-preview{display:none}.record-display-card{padding:12px}.record-display-art{min-height:clamp(150px,30vh,240px)}.upload-panel{border-radius:12px;width:auto;max-height:min(72dvh,100dvh - 24px);padding:12px 14px;bottom:10px;left:10px;right:10px}.feedback-prompt{width:min(420px,100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}.form-grid{grid-template-columns:1fr}}@media (height<=700px){.upload-panel{gap:8px;max-height:calc(100dvh - 24px);padding:12px 14px;bottom:12px}.panel-heading{gap:3px}.key-field{padding:4px 0}}.site-logo.is-english-logo{max-width:min(520px,100vw - 360px)!important;height:clamp(34px,4.3vw,46px)!important;transform:translateY(1px)!important}@media (width<=760px){.site-logo.is-english-logo{max-width:56vw!important;height:34px!important;transform:translateY(1px)!important}}