:root{font-family:Inter,Noto Sans JP,Yu Gothic UI,Hiragino Kaku Gothic ProN,system-ui,sans-serif;color:#24302e;background:#edf3f3;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;overscroll-behavior:none}button,input{font:inherit}.app-shell{position:relative;width:100vw;height:100vh;background:radial-gradient(circle at 52% 38%,rgba(74,174,181,.16),transparent 28%),radial-gradient(circle at 8% 84%,rgba(68,143,190,.1),transparent 32%),linear-gradient(145deg,#f5f1e7,#e8f4f6 46%,#e2eee8);overflow:hidden}.top-bar{position:absolute;z-index:10;top:22px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:18px;pointer-events:none}.brand,.search-box,.detail-panel,.ambient-note,.category-legend,.wander-toggle{pointer-events:auto;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffad;border:1px solid rgba(118,135,128,.22);box-shadow:0 20px 55px #3e4b4a24}.brand{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:8px}.brand svg{color:#4b8a98}.brand p{margin:0 0 2px;color:#65726f;font-size:.76rem;letter-spacing:0;text-transform:uppercase}.brand h1{margin:0;color:#223330;font-size:clamp(1.18rem,2.2vw,2rem);line-height:1.08;letter-spacing:0}.search-box{display:grid;grid-template-columns:20px minmax(180px,340px) 38px;align-items:center;gap:10px;padding:8px 9px 8px 14px;border-radius:8px}.search-box svg{color:#55706d}.search-box input{width:100%;border:0;outline:0;color:#263431;background:transparent}.search-box input::placeholder{color:#7d8a87}.search-box button,.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;color:#f8fbfa;background:#315e62;cursor:pointer}.scene-wrap{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.space-label{display:block;width:max-content;min-width:0;max-width:168px;padding:6px 9px;border:1px solid rgba(255,255,255,.55);border-radius:8px;color:#263532;background:#ffffffd1;box-shadow:0 0 0 1px #ffffff8c,0 9px 24px #25373624;cursor:pointer;font-size:.78rem;font-weight:800;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.space-label.is-selected{max-width:190px;padding:8px 11px;color:#fff;background:#2f5457eb;font-size:1rem;box-shadow:0 0 0 2px #ffffffd1,0 14px 32px #315e623d}.space-label.is-related{color:#223330;background:#ffffffe6;font-size:.84rem;box-shadow:0 0 0 2px #ffffffbf,0 10px 26px #315e6238}.space-label.is-distant{background:#ffffffdb;opacity:.46;box-shadow:0 0 0 1px #ffffffad,0 10px 24px #315e622e}.space-label.is-vertical-title{width:auto;min-width:31px;max-width:none;max-height:230px;white-space:nowrap;writing-mode:vertical-rl;text-orientation:upright;line-height:1.35}.space-label.is-dimmed{opacity:.62}.relation-path-label{display:inline-flex;align-items:center;gap:5px;max-width:88px;min-height:28px;padding:4px 7px;border:1px solid rgba(49,94,98,.14);border-radius:999px;color:#526460;background:#ffffff94;box-shadow:0 8px 18px #315e621f;cursor:pointer;font-size:.64rem;font-weight:800;line-height:1}.relation-path-label span{min-width:0;overflow-wrap:anywhere}.relation-dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#5c8f96;box-shadow:0 0 10px #5c8f969e}.detail-panel{position:absolute;z-index:12;right:26px;top:100px;width:min(420px,calc(100vw - 52px));max-height:calc(100vh - 126px);overflow:auto;padding:20px;border-radius:8px}.panel-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.category-pill{display:inline-flex;align-items:center;gap:8px;color:#2d3836;font-size:.82rem;font-weight:700}.category-pill:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--category-color);box-shadow:0 0 14px var(--category-color)}.detail-panel h2{margin:16px 0 17px;color:#1f2d2a;font-size:1.48rem;line-height:1.32;letter-spacing:0}.info-block{padding:14px 0;border-top:1px solid rgba(72,88,83,.14)}.info-block h3{margin:0 0 7px;color:#64716e;font-size:.78rem;font-weight:800}.mobile-current-title{display:none}.info-block p{margin:0;color:#263431;font-size:.94rem;line-height:1.75}.related-panel{padding:14px 0 0;border-top:1px solid rgba(72,88,83,.14)}.related-panel h3{margin:0 0 10px;color:#64716e;font-size:.78rem;font-weight:800}.medical-notice-panel{padding:14px 0;border-top:1px solid rgba(72,88,83,.14)}.medical-notice-panel h3{margin:0 0 7px;color:#64716e;font-size:.78rem;font-weight:800}.medical-notice-panel p{margin:0;color:#4f5f5b;font-size:.82rem;line-height:1.65}.related-list{display:grid;gap:8px}.related-list button{display:grid;gap:8px;width:100%;padding:11px;border:1px solid rgba(83,99,96,.14);border-radius:8px;color:#263431;background:#ffffff94;cursor:pointer;text-align:left}.related-copy{display:grid;gap:4px}.related-copy strong{font-size:.9rem;line-height:1.35}.related-copy small{color:#65726f;font-size:.78rem;line-height:1.55}.related-target{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;color:#315e62;font-size:.82rem;font-weight:800}.related-target svg{flex:0 0 auto}.strong-copy{font-weight:700}.evidence-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid rgba(72,88,83,.14);color:#64716e;font-size:.82rem;font-weight:800}.evidence{min-width:72px;padding:7px 10px;border-radius:8px;text-align:center}.evidence-高{color:#154633;background:#dff3e6}.evidence-中{color:#52401a;background:#f1e6bd}.evidence-考察中{color:#525b62;background:#e8ecee}.category-legend{position:absolute;z-index:11;left:26px;bottom:26px;display:flex;flex-wrap:wrap;gap:8px;width:min(560px,calc(100vw - 52px));padding:10px;border-radius:8px}.category-legend button{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 10px;border:1px solid rgba(83,99,96,.15);border-radius:8px;color:#2d3836;background:#ffffff8c;cursor:pointer;font-size:.82rem}.category-legend span{width:10px;height:10px;border-radius:50%}.ambient-note{position:absolute;z-index:10;left:26px;top:100px;display:flex;align-items:center;gap:9px;max-width:330px;padding:12px 14px;border-radius:8px;color:#53615f;font-size:.86rem;line-height:1.5}.ambient-note svg{flex:0 0 auto;color:#7c7046}.medical-disclaimer{position:absolute;z-index:10;right:26px;bottom:26px;max-width:360px;padding:10px 12px;border:1px solid rgba(83,99,96,.13);border-radius:8px;color:#53615f;background:#ffffff94;box-shadow:0 12px 30px #315e621a;font-size:.78rem;line-height:1.55}.wander-toggle{position:absolute;z-index:11;left:26px;top:170px;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 13px;border-radius:8px;color:#315e62;cursor:pointer;font-size:.86rem;font-weight:800}.wander-toggle.is-free{color:#fff;background:#315e62db;border-color:#315e6261}.walk-hint{position:absolute;z-index:11;left:26px;top:218px;padding:8px 11px;border-radius:8px;color:#4f5d5a;background:#ffffffad;border:1px solid rgba(118,135,128,.2);box-shadow:0 12px 34px #3e4b4a1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:.82rem;font-weight:700}@media (max-width: 820px){body{overflow:hidden}.app-shell{min-height:100vh;height:100dvh}.top-bar{top:calc(8px + env(safe-area-inset-top));left:12px;right:12px;flex-direction:column;align-items:stretch;gap:8px}.brand{min-height:48px;padding:9px 11px}.brand p{display:none}.brand h1{font-size:clamp(1rem,4.5vw,1.25rem);line-height:1.18}.search-box{grid-template-columns:20px minmax(0,1fr) 38px;min-height:44px}.search-box button,.icon-button{width:44px;height:44px}.ambient-note,.medical-disclaimer{display:none}.wander-toggle{top:154px;left:12px}.walk-hint{top:202px;left:12px}.detail-panel{left:12px;right:12px;top:auto;bottom:calc(82px + env(safe-area-inset-bottom));width:auto;max-height:min(38vh,380px);padding:16px;border-radius:18px 18px 10px 10px}.category-legend{left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;max-height:62px;overflow:auto}.space-label{max-width:144px;padding:7px 9px;font-size:.72rem}.space-label.is-selected{max-width:210px;padding:9px 12px;font-size:clamp(1rem,4.5vw,1.1rem)}.space-label.is-selected{display:none}.mobile-current-title{position:absolute;z-index:11;top:calc(244px + env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 13px;border:1px solid rgba(118,135,128,.22);border-radius:12px;color:#223330;background:#ffffffd1;box-shadow:0 12px 30px #315e6229;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:clamp(1rem,4.5vw,1.1rem);font-weight:800;line-height:1.3;overflow-wrap:anywhere}.mobile-current-title-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;box-shadow:0 0 12px currentColor}.space-label.is-related{max-width:150px;font-size:.8rem}.space-label.is-vertical-title{min-width:0;max-width:144px;max-height:none;white-space:normal;writing-mode:horizontal-tb;text-orientation:mixed}.relation-path-label{max-width:72px;padding:4px 6px;font-size:.58rem}.category-legend button{min-height:44px}}