:root{--mint: #7ecdb6;--coral: #e8896b;--forest: #2d5f4e;--cream: #fdf6ea;--ink: #3d4a42;--ink-soft: #7a8a80;--card: rgba(253, 248, 238, .96);--radius: 18px;--font: "Hiragino Maru Gothic ProN", "M PLUS Rounded 1c", "Zen Maru Gothic", "Yu Gothic UI", "Meiryo", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font);color:var(--ink);background:#f2dfc0}#app{position:fixed;top:0;right:0;bottom:0;left:0}#gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud>*{pointer-events:auto}#area-badge{position:absolute;top:calc(12px + env(safe-area-inset-top));left:14px;background:var(--card);border-radius:999px;padding:7px 18px;font-size:15px;font-weight:700;color:var(--forest);box-shadow:0 3px 12px #46321424}#area-badge:before{content:"📍 "}#pills{position:absolute;top:calc(12px + env(safe-area-inset-top));right:14px;display:flex;gap:8px}.pill{background:var(--card);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700;color:var(--ink);box-shadow:0 3px 12px #46321424}#hint{position:absolute;bottom:calc(86px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:12px;color:#fffffff2;background:#2d5f4e73;border-radius:999px;padding:5px 16px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#prompt{position:absolute;bottom:calc(126px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--card);border:2px solid var(--mint);border-radius:999px;padding:9px 20px;font-size:15px;font-weight:700;color:var(--forest);box-shadow:0 4px 16px #46321438;display:flex;align-items:center;gap:9px;white-space:nowrap;animation:prompt-pop .25s ease-out}#prompt kbd{background:var(--forest);color:#fff;border-radius:7px;padding:2px 8px;font-size:13px;font-family:inherit}@keyframes prompt-pop{0%{transform:translate(-50%) scale(.85);opacity:0}}#nav{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:6px;background:var(--card);border-radius:22px;padding:6px;box-shadow:0 4px 18px #4632142e}#nav button{border:0;background:transparent;border-radius:16px;width:62px;padding:6px 0 5px;cursor:pointer;font-size:20px;line-height:1.15;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--ink)}#nav button small{font-size:10px;font-weight:700;color:var(--ink-soft)}#nav button:active{background:#7ecdb640}#nav button.has-badge{position:relative}#nav button.has-badge:after{content:"";position:absolute;top:4px;right:12px;width:9px;height:9px;border-radius:50%;background:var(--coral)}#touch-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none}#joy-zone{position:absolute;left:0;top:0;bottom:0;width:45%;pointer-events:auto}#joy-base{position:absolute;width:116px;height:116px;border-radius:50%;background:#fdf8ee47;border:2px solid rgba(253,248,238,.55);transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#joy-thumb{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#fdf8eed9;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000002e}#touch-buttons{position:absolute;right:18px;bottom:calc(96px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;pointer-events:auto}#touch-buttons button{width:64px;height:64px;border-radius:50%;border:0;font-size:26px;font-family:inherit;cursor:pointer;background:#fdf8eee0;color:var(--forest);box-shadow:0 4px 14px #46321440}#btn-interact{background:var(--mint)!important}#touch-buttons button:active{transform:scale(.92)}#panel-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30}#panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2d3c3259}#panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 28px));max-height:min(78vh,660px);background:var(--card);border-radius:var(--radius);box-shadow:0 12px 40px #281e0a4d;display:flex;flex-direction:column;overflow:hidden;animation:panel-in .22s ease-out}@keyframes panel-in{0%{transform:translate(-50%,-46%) scale(.96);opacity:0}}.panel-head{padding:16px 20px 12px;display:flex;align-items:flex-start;gap:10px;border-bottom:2px solid rgba(126,205,182,.35)}.panel-head h2{font-size:17px;color:var(--forest);flex:1;line-height:1.4}.panel-head .sub{font-size:12px;color:var(--ink-soft);margin-top:3px;font-weight:400}.panel-close{border:0;background:#7ecdb633;color:var(--forest);width:34px;height:34px;border-radius:50%;font-size:16px;cursor:pointer;flex-shrink:0;font-family:inherit}.panel-body{padding:14px 20px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.chip{font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;color:#fff;background:var(--mint)}.chip.status{background:#fff;color:var(--forest);border:1.5px solid var(--mint)}.meter-wrap{margin:12px 0}.meter-label{font-size:12px;font-weight:700;color:var(--ink-soft);display:flex;justify-content:space-between;margin-bottom:4px}.meter{height:12px;border-radius:999px;background:#7ecdb638;overflow:hidden}.meter>div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--mint),#5cb89d);transition:width .5s ease}.section{margin-top:16px}.section h3{font-size:13px;color:var(--forest);margin-bottom:8px;display:flex;align-items:center;gap:6px}.section h3 .count{font-size:11px;color:var(--ink-soft);font-weight:400}.log-item,.comment-item{background:#fff;border-radius:12px;padding:9px 12px;margin-bottom:7px;font-size:13px;line-height:1.55}.log-item .meta,.comment-item .meta{font-size:11px;color:var(--ink-soft);margin-bottom:2px}.comment-item.mine{background:#7ecdb629}.consult-item{background:#fff7f3;border:1.5px solid rgba(232,137,107,.45);border-radius:14px;padding:11px 13px;margin-bottom:9px;font-size:13px}.consult-item.resolved{background:#f2faf6;border-color:#7ecdb680}.consult-item .c-head{font-weight:700;display:flex;gap:7px;align-items:center;margin-bottom:5px}.consult-item .c-head .tag{font-size:11px;border-radius:999px;padding:2px 9px;background:var(--coral);color:#fff}.consult-item.resolved .c-head .tag{background:var(--mint)}.reply-item{background:#7ecdb61a;border-radius:10px;padding:6px 10px;margin:5px 0;font-size:12px;line-height:1.5}.btn{border:0;border-radius:999px;padding:10px 18px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;background:var(--mint);color:#fff;box-shadow:0 3px 10px #7ecdb673}.btn:active{transform:scale(.97)}.btn.coral{background:var(--coral);box-shadow:0 3px 10px #e8896b66}.btn.ghost{background:#fff;color:var(--forest);border:1.5px solid var(--mint);box-shadow:none}.btn.small{padding:6px 13px;font-size:12px}.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.btn:disabled{opacity:.45;pointer-events:none}textarea,input[type=text],select{width:100%;border:1.5px solid rgba(126,205,182,.55);border-radius:12px;padding:9px 12px;font-family:inherit;font-size:14px;color:var(--ink);background:#fff;outline:none;resize:none}textarea:focus,input:focus,select:focus{border-color:var(--mint)}.field{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:700;color:var(--forest);margin-bottom:5px}.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cat-opt{display:flex;align-items:center;gap:7px;background:#fff;border:1.5px solid rgba(0,0,0,.08);border-radius:12px;padding:8px 11px;font-size:13px;cursor:pointer;font-weight:700}.cat-opt .dot{width:13px;height:13px;border-radius:50%;flex-shrink:0}.cat-opt.on{border-color:var(--forest);background:#7ecdb624}.tree-row{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 13px;margin-bottom:8px;font-size:13px}.tree-row .t-emoji{font-size:24px}.tree-row .t-main{flex:1;min-width:0}.tree-row .t-title{font-weight:700;line-height:1.4}.tree-row .t-meta{font-size:11px;color:var(--ink-soft);margin-top:1px}.tree-row.lantern{border:1.5px solid rgba(232,137,107,.55)}.reply-type-row{display:flex;gap:6px;margin-bottom:8px}.reply-type{flex:1;border:1.5px solid rgba(0,0,0,.1);background:#fff;border-radius:10px;padding:7px 4px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;color:var(--ink);line-height:1.4}.reply-type.on{border-color:var(--coral);background:#e8896b1f}.fp-box{background:#7ecdb61a;border-radius:14px;padding:12px}.fp-q{font-size:14px;font-weight:700;color:var(--forest);margin-bottom:9px;line-height:1.5}.fp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.fp-chip{border:1.5px dashed var(--mint);background:#fff;color:var(--forest);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.fp-chip:active{background:#7ecdb633}.fp-box .reply-type-row{margin-top:8px}#map-canvas{width:100%;border-radius:14px;background:#bfdde6;display:block}.map-legend{display:flex;gap:14px;font-size:11px;color:var(--ink-soft);margin-top:8px;flex-wrap:wrap}.map-legend span:before{content:"● "}.map-legend .l-tree:before{color:#e0a93e}.map-legend .l-consult:before{color:var(--coral)}.map-legend .l-me:before{color:#fff;text-shadow:0 0 2px #333}#toasts{position:absolute;top:calc(64px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--forest);color:#fff;font-size:14px;font-weight:700;border-radius:999px;padding:9px 22px;box-shadow:0 5px 18px #00000040;animation:toast-in .3s ease-out;white-space:nowrap}.toast.gp{background:var(--mint);color:#1d4438}.toast.grow{background:var(--coral)}@keyframes toast-in{0%{transform:translateY(-14px) scale(.9);opacity:0}}.toast.out{transition:opacity .4s,transform .4s;opacity:0;transform:translateY(-10px)}#onboard{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:linear-gradient(180deg,#2d5f4e8c,#2d3c32a6);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#onboard.passthru{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;align-items:flex-start;justify-content:center}.ob-card{width:min(480px,calc(100vw - 36px));background:var(--card);border-radius:24px;padding:30px 28px;text-align:center;box-shadow:0 16px 50px #141e1466;animation:panel-in .3s ease-out}.ob-card h1{font-size:24px;color:var(--forest);margin-bottom:10px}.ob-card .ob-sub{font-size:14px;color:var(--ink-soft);line-height:1.8;margin-bottom:20px}.ob-card .big-emoji{font-size:52px;margin-bottom:8px}.avatar-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 20px}.avatar-opt{width:76px;border:2.5px solid transparent;border-radius:18px;background:#fff;padding:10px 0 8px;cursor:pointer;font-family:inherit}.avatar-opt .av-swatch{width:44px;height:44px;border-radius:50% 50% 42% 42%;margin:0 auto 6px;position:relative}.avatar-opt .av-swatch:after{content:"";position:absolute;top:-16px;left:50%;transform:translate(-50%);width:30px;height:30px;border-radius:50%;background:#f5d3b3}.avatar-opt small{font-size:11px;font-weight:700;color:var(--ink)}.avatar-opt.on{border-color:var(--coral);background:#e8896b1a}.ob-banner{margin-top:calc(70px + env(safe-area-inset-top));background:var(--card);border-radius:999px;border:2px solid var(--mint);padding:12px 26px;font-size:15px;font-weight:700;color:var(--forest);box-shadow:0 6px 24px #281e0a4d;pointer-events:auto;animation:prompt-pop .3s ease-out}.ob-celebrate{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none}.ob-celebrate h1{font-size:34px;color:#fff;text-shadow:0 3px 18px rgba(45,95,78,.8);animation:celebrate-pop .6s cubic-bezier(.2,1.6,.4,1)}.ob-celebrate p{color:#fff;font-size:15px;text-shadow:0 2px 10px rgba(0,0,0,.5)}@keyframes celebrate-pop{0%{transform:scale(.3);opacity:0}}@media(max-width:640px){#hint{display:none}.cat-grid{grid-template-columns:1fr}#panel{max-height:72vh}}