.od-app{--od-ink:#202531;--od-muted:#737782;--od-purple:#7950e8;--od-line:#eeedf2;min-height:100svh;color:var(--od-ink);background:#fff;grid-template-rows:76px minmax(0,1fr);grid-template-columns:224px minmax(0,1fr);font-family:Geist,Noto Sans JP,sans-serif;font-size:14px;line-height:1.6;display:grid}.od-app *{box-sizing:border-box}.od-app button,.od-dialog button{font:inherit;cursor:pointer}.od-app button:disabled,.od-dialog button:disabled{opacity:.5;cursor:not-allowed}.od-app button,.od-app input,.od-app select,.od-dialog button,.od-dialog input,.od-dialog select{-webkit-tap-highlight-color:transparent}.od-app :focus-visible,.od-dialog :focus-visible{outline-offset:3px;outline:3px solid #aa8bf4}.od-app button svg{flex-shrink:0}.od-app h1,.od-app h2,.od-app p{margin:0}.od-app a{color:inherit;text-decoration:none}.od-header{border-bottom:1px solid var(--od-line);z-index:20;background:#fff;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 34px 0 20px;display:flex;position:relative}.od-brand,.od-brand a{align-items:center;gap:12px;display:flex}.od-brand a{letter-spacing:5px;margin-left:13px;font-size:21px;font-weight:600}.od-header-note{color:#9795a1;letter-spacing:.045em;font-size:12px}.od-icon-button{color:#777984;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;font-size:23px;display:inline-grid}.od-icon-button:hover{color:#7950e8;background:#f4f1fa}.od-avatar{color:#7950e8;background:#f0eafa;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:12px;font-weight:600;display:inline-grid}.od-account{padding-block:16px;position:relative}.od-account-menu{background:#fff;border:1px solid #eee;border-radius:16px;gap:8px;min-width:220px;padding:22px;display:none;position:absolute;top:100%;right:0;box-shadow:0 14px 45px #24203817}.od-account:hover .od-account-menu,.od-account:focus-within .od-account-menu{display:grid}.od-account-menu>span{color:#85808f;font-size:12px}.od-account-menu button{margin-top:12px;color:#504965!important;background:#f7f5fb!important;border:0!important;border-radius:8px!important;padding:8px 14px!important;font-size:13px!important}.od-account-menu button:hover{transform:translateY(-1px);color:#fff!important;background:#8052ff!important;border-color:#8052ff!important}.od-sidebar{border-right:1px solid var(--od-line);background:#fdfcfe;flex-direction:column;grid-area:2/1;gap:30px;min-height:calc(100svh - 76px);padding:32px 18px 22px;display:flex}.od-eyebrow{letter-spacing:2px;color:#9a92a7;margin-bottom:12px;font-size:10px;font-weight:600;display:block}.od-world-switch>label{color:#7950e8;align-items:center;gap:9px;display:flex}.od-world-switch select{color:#35303e;cursor:pointer;background:0 0;border:0;width:100%;min-width:0;padding:8px 0;font-size:14px;font-weight:600}.od-text-button{color:#756886;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 0;display:inline-flex}.od-text-button:hover{color:#7950e8}.od-world-switch .od-text-button{margin-top:10px;font-size:11px}.od-world-switch .od-text-button svg{width:14px}.od-sidebar nav{gap:6px;display:grid}.od-nav-item{color:#7e7988;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:14px;width:100%;padding:13px 16px;display:flex}.od-nav-item:hover{background:#f5f1fc}.od-nav-item.is-active{color:#7950e8;background:#eee7fc;font-weight:600}.od-nav-item small{background:#ffffffa6;border-radius:5px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:500}.od-sidebar-bottom{margin-top:auto;padding-top:55px}.od-storage{color:#8d8697;padding:26px 15px 12px;font-size:10px}.od-storage>span{justify-content:space-between;display:flex}.od-storage b{font-weight:400}.od-storage progress{accent-color:#9774e9;width:100%;height:4px;margin:12px 0;display:block}.od-storage small{font-size:10px}.od-sample{margin:5px 15px;font-size:11px}.od-collapsed{grid-template-columns:76px minmax(0,1fr)}.od-collapsed .od-sidebar{padding-inline:12px}.od-collapsed .od-world-switch,.od-collapsed .od-nav-item span,.od-collapsed .od-nav-item small,.od-collapsed .od-storage,.od-collapsed .od-sample{display:none}.od-collapsed .od-nav-item{justify-content:center;padding:14px}.od-main{background:#fff;min-width:0;padding:18px 36px 32px}.od-preview{color:#857c94;align-items:center;gap:7px;margin:0 0 26px;font-size:10px;display:flex}.od-preview>span:last-child{color:#a29da9;margin-left:5px}.od-status-dot{background:#ac8cde;border-radius:50%;width:5px;height:5px}.od-page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.od-breadcrumb{color:#81788c;font-size:11px;margin-bottom:8px!important}.od-breadcrumb span{color:#b1aaba;margin-left:9px}.od-page-heading h1{letter-spacing:-1px;font-size:clamp(23px,2.1vw,31px);font-weight:550;line-height:1.5}.od-page-heading h1+p{color:#9b94a3;margin-top:7px;font-size:12px}.od-button{color:#665574;white-space:nowrap;background:#fff;border:1px solid #e7e1ed;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:11px 17px;transition:background .15s,transform .15s;display:inline-flex;font-size:12px!important}.od-button:hover{background:#f5f0fd}.od-button:active{transform:translateY(1px)}.od-button.od-primary{color:#fff;background:#7950e8;border-color:#7950e8;box-shadow:0 3px 8px #7950e813}.od-button.od-primary:hover{background:#6b42d9}.od-button.od-soft{color:#7950e8;background:#f0eafb;border-color:#0000}.od-map-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:30px;display:grid}.od-map-section{background:linear-gradient(#fbfafc,#fff);border-radius:18px;min-width:0;position:relative;overflow:visible}.od-map-toolbar{z-index:4;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 0;display:flex;position:relative}.od-search{color:#9d95a9;background:#fff;border:1px solid #ece8f1;border-radius:10px;flex:1;align-items:center;gap:9px;min-width:0;max-width:325px;padding:0 12px;display:flex;position:relative}.od-segment{display:none}.od-search input{color:#3e324b;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:12px 0;font-size:12px}.od-search input:focus,.od-search input:focus-visible{box-shadow:none!important;outline:none!important}.od-search:focus-within{box-shadow:none;border-color:#ece8f1}.od-search-results{z-index:25;background:#fff;border:1px solid #ede8f2;border-radius:12px;width:max(100%,290px);padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 14px 35px #3a20531a}.od-search-caption{color:#a298ad;justify-content:space-between;padding:6px 9px;font-size:10px;display:flex}.od-search-caption button,.od-notice button{color:inherit;background:0 0;border:0}.od-search-results>button{color:#9c8baa;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.od-search-results>button:hover{background:#f4f0fc}.od-search-results>button>span{flex:1;display:grid}.od-search-results strong{color:#53445e;font-size:12px;font-weight:500}.od-search-results small{color:#a39aa9;font-size:10px}.od-search-results>p{color:#82768b;padding:15px;font-size:12px}.od-segment{background:#eeebf2;border-radius:8px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.od-segment button{color:#918699;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:10px}.od-segment button[aria-pressed=true]{color:#65517c;background:#fff;box-shadow:0 1px 4px #5038610c}.od-map-canvas{isolation:isolate;height:clamp(440px,52vh,640px);position:relative}.od-map-foot{color:#b0a7b9;justify-content:space-between;padding:0 24px 22px;font-size:10px;display:flex}.od-map-foot>span{align-items:center;gap:7px;display:flex}.od-map-foot i{background:#8e65df;border-radius:50%;width:5px;height:5px}.od-current,.od-first{background:#fff;border:1px solid #eee8f4;border-radius:12px;align-items:center;gap:16px;margin:0 16px 16px;padding:17px 19px;display:flex;box-shadow:0 6px 24px #39234f05}.od-current-icon{color:#9c7fbe;background:#f1ecf9;border-radius:10px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.od-current-copy{text-align:left;background:0 0;border:0;flex:1;gap:4px;min-width:0;display:grid}.od-current-copy small{color:#779180;align-items:center;gap:6px;font-size:9px;display:flex}.od-current-copy i{background:#7da087;border-radius:50%;width:5px;height:5px}.od-current-copy strong{color:#4f4359;font-size:14px}.od-current-copy>span{color:#a092ac;font-size:10px}.od-current .od-button{padding:9px 12px}.od-first>svg{color:#b396d4;flex-shrink:0}.od-first strong{color:#695a79;font-size:12px}.od-first p{color:#a699b3;margin-top:3px;font-size:10px}.od-first .od-text-button{white-space:nowrap;margin-left:auto;font-size:10px}.od-city-panel{min-width:0;padding:25px 0 0}.od-city-panel h2{letter-spacing:-.7px;font-size:27px;font-weight:500}.od-city-panel>p{color:#998da5;margin-top:8px;font-size:11px;line-height:1.9}.od-city-panel>p span{color:#b0a4ba}.od-city-heading{justify-content:space-between;align-items:center;display:flex}.od-city-albums{gap:19px;max-height:500px;margin-top:27px;padding:0 2px;display:grid;overflow-y:auto}.od-album-card{text-align:left;color:#42364e;background:0 0;border:0;width:100%;padding:0}.od-album-cover{background:#f2edf7;border-radius:12px;height:145px;position:relative;overflow:hidden}.od-album-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.od-album-card:hover img{transform:scale(1.035)}.od-cover-empty{color:#c0acd3;background:linear-gradient(145deg,#eeebf3,#f7f4f9);flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;font-size:10px;display:flex}.od-album-cover .od-chip{color:#75897c;background:#fffffff0;font-size:9px;position:absolute;top:10px;left:10px}.od-album-copy{gap:6px;padding:12px 2px 0;display:grid}.od-album-copy strong{font-size:13px;font-weight:500}.od-album-copy>span{color:#a495af;justify-content:space-between;align-items:center;font-size:10px;display:flex}.od-album-copy svg{width:15px}.od-city-create{border-top:1px solid #f1edf5;margin-top:28px;padding-top:23px}.od-city-create p{color:#aa9ab7;margin-bottom:12px;font-size:10px}.od-city-create .od-button{width:100%;font-size:11px!important}.od-empty{color:#a896b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:45px 16px;display:flex}.od-empty>svg{stroke-width:1px;color:#baa5cf;width:32px;height:32px}.od-empty strong{color:#83708e;font-size:13px;font-weight:500}.od-empty p{max-width:260px;font-size:11px;line-height:1.8}.od-select-city{background:#faf8fc;border-radius:16px;min-height:240px;margin-block:22px}.od-city-shortcut{color:#776584;background:0 0;border:0;align-items:center;gap:9px;width:100%;padding:14px 0;font-size:12px;display:flex}.od-city-shortcut span{color:#b1a0bd;margin-left:auto;font-size:10px}.od-album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.od-album-grid .od-album-cover{height:210px}.od-new-album{color:#ac91c5;background:#fbf9fd;border:1px dashed #d9cde6;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:260px;display:flex}.od-new-album strong{font-size:14px;font-weight:500}.od-new-album span{font-size:11px}.od-content-card{border:1px solid #efe8f5;border-radius:16px;max-width:860px;padding:28px}.od-content-card h2{margin-bottom:15px;font-size:18px;font-weight:500}.od-content-card p{color:#9986a7;font-size:13px;line-height:1.8}.od-section-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px;display:flex}.od-member-row{align-items:center;gap:14px;padding:24px 0;display:flex}.od-member-row>div,.od-trash-row>div{flex:1;gap:5px;display:grid}.od-member-row small,.od-trash-row small{color:#a792b5;font-size:11px}.od-chip{color:#9e80b5;background:#f2ecf8;border-radius:20px;padding:4px 10px;font-size:10px}.od-content-card hr{border:0;border-top:1px solid #eee7f5;margin:28px 0}.od-trash-row{border-bottom:1px solid #eee;align-items:center;gap:14px;padding:24px 0;display:flex}.od-dialog{color:#42364e;background:#fff;border:0;border-radius:20px;width:min(480px,100vw - 32px);max-height:90svh;padding:28px;font-family:Geist,sans-serif;overflow:auto;box-shadow:0 25px 100px #1a10213b}.od-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#201a3166}.od-dialog>header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.od-dialog h2{margin:0;font-size:20px;font-weight:500}.od-dialog p{font-size:13px;line-height:1.8}.od-dialog .od-segment{margin-top:15px}.od-dialog .od-segment button{padding:8px 18px;font-size:12px}.od-field{color:#82708f;gap:8px;margin:21px 0;font-size:12px;display:grid}.od-field input,.od-field select{color:#51425d;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #e6dfee;border-radius:9px;padding:11px 12px;font-size:14px}.od-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.od-field-row .od-field{margin-block:10px}.od-check{align-items:center;gap:9px;font-size:12px;display:flex}.od-wide{width:100%;margin-top:15px}.od-muted{color:#a18daa!important;font-size:12px!important}.od-warning{background:#fffaed;border-radius:9px;padding:12px 16px;line-height:1.7;color:#937738!important;margin:14px 0!important;font-size:12px!important}.od-notice{color:#80639a;background:#f0ecfa;border-radius:8px;justify-content:space-between;gap:20px;margin-bottom:18px;padding:10px 15px;font-size:12px;display:flex}.od-danger{color:#b35266!important}.od-album-tools{justify-content:flex-end;gap:20px;margin-bottom:15px;font-size:12px;display:flex}.od-dialog form>.od-text-button{margin-top:18px;font-size:11px;display:flex}@media (width>=1600px){.od-main{padding-inline:48px}.od-map-layout{grid-template-columns:minmax(0,1fr) 350px;gap:44px}.od-map-canvas{height:62vh;max-height:740px}.od-album-cover{height:180px}}@media (width<=1150px){.od-app{grid-template-columns:188px minmax(0,1fr)}.od-collapsed{grid-template-columns:70px minmax(0,1fr)}.od-main{padding-inline:22px}.od-map-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.od-map-toolbar{flex-wrap:wrap}.od-map-canvas{height:450px}.od-page-heading h1{font-size:23px}.od-preview>span:last-child{max-width:450px}.od-current{flex-wrap:wrap}.od-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.od-app{grid-template-columns:70px minmax(0,1fr)}.od-sidebar{padding-inline:12px}.od-sidebar .od-nav-item{justify-content:center;padding:14px}.od-world-switch,.od-sidebar .od-nav-item span,.od-sidebar .od-nav-item small,.od-storage,.od-sample,.od-header-note{display:none}.od-map-layout{grid-template-columns:1fr}.od-city-panel{border-top:1px solid #eee;padding-top:25px}.od-city-albums{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.od-page-heading{align-items:flex-start}.od-page-heading .od-button{padding:10px}.od-preview>span:last-child{display:none}.od-first{flex-wrap:wrap}.od-section-heading{flex-direction:column;align-items:flex-start}}@media (width<=560px){.od-main{padding-inline:12px}.od-page-heading{flex-direction:column;gap:14px}.od-page-heading h1{font-size:20px}.od-map-canvas{height:420px}.od-map-toolbar{padding-inline:6px}.od-map-foot>span:last-child{display:none}.od-current,.od-first{margin-inline:0;padding:14px}.od-city-albums,.od-album-grid,.od-field-row{grid-template-columns:1fr}.od-dialog{padding:22px}.od-current .od-button{width:100%}.od-trash-row{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.od-app *{transition:none!important}}