:root{--ink:#2c2a26;--sub:#6f6a60;--paper:#fffcf5eb;--line:#3c321e1f;--accent:#f08a3c;--accent-ink:#fff;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#a9d4ef;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,sans-serif;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);transition:transform .25s var(--spring), background .2s;background:#fff;border-radius:12px;padding:10px 16px;font-weight:600}button:active{transform:scale(.94)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#labels{pointer-events:none;position:fixed;inset:0}#entry{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;transition:opacity .5s var(--ease);background:linear-gradient(#a9d4ef8c,#f0c8a08c);place-items:center;padding:16px;display:grid;position:fixed;inset:0}#entry.leaving{opacity:0;pointer-events:none}.entry-card{background:var(--paper);text-align:center;width:min(380px,100%);animation:rise .7s var(--spring) both;border-radius:24px;padding:28px 22px 20px;box-shadow:0 20px 60px #281e0a2e}.entry-mark{animation:rise .7s 80ms var(--spring) both;font-size:40px}.entry-card h1{letter-spacing:-.5px;animation:rise .7s .14s var(--spring) both;margin:6px 0 4px;font-size:28px}.lead{color:var(--sub);animation:rise .7s .2s var(--spring) both;margin:0 0 20px}.field{text-align:left;animation:rise .7s .26s var(--spring) both;gap:8px;margin-bottom:14px;display:grid}.field>span{color:var(--sub);font-size:13px;font-weight:600}.field input{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:12px 14px;font-size:16px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches button{background:var(--c);width:34px;height:34px;box-shadow:0 0 0 1px var(--line);border:3px solid #fff;border-radius:50%;padding:0}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink);transform:scale(1.1)}#entry-go{width:100%;animation:rise .7s .32s var(--spring) both;margin-top:6px;padding:14px;font-size:17px}.hint{color:var(--sub);margin:14px 0 4px;font-size:12px;line-height:1.6}.fine{color:#9a9488;margin:0;font-size:11px}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#hud>*{pointer-events:auto}.hud-top{top:max(12px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;left:12px;right:12px}.pill{pointer-events:auto;background:var(--paper);animation:rise .6s var(--spring) both;white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;box-shadow:0 4px 16px #00000014}.brand span{color:var(--sub);margin-left:4px;font-weight:500}.clock-next{color:var(--sub);font-weight:500}@media (width<=420px){.clock-next{display:none}}.card{left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 64px);background:var(--paper);width:min(420px,100% - 24px);animation:card-in .45s var(--spring) both;border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 30px #0000001f}@keyframes card-in{0%{opacity:0;transform:translate(-50%,24px)scale(.96)}}.pc-text{flex:1;gap:2px;min-width:0;display:grid}.pc-text b{font-size:16px}.pc-text span{color:var(--sub);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.pc-actions{gap:6px;display:flex}.card.sit{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1c288c;justify-content:space-between}.card.sit button{color:var(--ink);background:#ffffffe6}#chat{left:50%;bottom:max(12px, env(safe-area-inset-bottom));align-items:center;gap:6px;width:min(420px,100% - 24px);display:flex;position:absolute;transform:translate(-50%)}#chat input{background:var(--paper);border:none;border-radius:999px;flex:1;min-width:0;padding:12px 16px;font-size:16px;box-shadow:0 4px 16px #00000014}.emotes{gap:4px;display:flex}.emotes button{background:var(--paper);border:none;border-radius:50%;width:40px;height:40px;padding:0;font-size:18px;box-shadow:0 4px 16px #00000014}body.sitting .pill,body.sitting #chat{opacity:.25;transition:opacity .8s}body.sitting .pill:hover,body.sitting #chat:focus-within{opacity:1}#minimap{top:calc(max(12px, env(safe-area-inset-top)) + 46px);width:132px;height:132px;animation:rise .6s .1s var(--spring) both;background:#c9d3b8;border:3px solid #fffffff2;border-radius:50%;padding:0;position:absolute;right:12px;overflow:hidden;box-shadow:0 6px 20px #00000029}#minimap canvas{width:100%;height:100%;display:block}#minimap:hover{transform:scale(1.04)}body.sitting #minimap{opacity:.25;transition:opacity .8s}.map-sheet{width:min(780px,100%);max-height:92vh}.map-hint{color:var(--sub);margin:4px 0 10px;font-size:13px}#map-wrap{aspect-ratio:385/238;background:#c9d3b8;border-radius:14px;width:100%;max-height:56vh;overflow:hidden}#map-canvas{cursor:pointer;width:100%;height:100%;display:block}.place-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:10px;display:grid;overflow-y:auto}.place-list button{text-align:left;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.place-list .n{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.place-list .d{color:var(--sub);font-size:12px;font-weight:500}#exit-map{top:calc(max(12px, env(safe-area-inset-top)) + 46px);cursor:pointer;border:none;position:absolute;right:12px}.banner{left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 4px);color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:card-in .5s var(--spring) both;background:#281e32b8;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;position:absolute;transform:translate(-50%)}@media (width<=560px){.banner{top:calc(max(12px, env(safe-area-inset-top)) + 44px);font-size:12px}}#fade{z-index:40;opacity:0;pointer-events:none;transition:opacity .45s var(--ease);background:#f4efe6;place-items:center;display:grid;position:fixed;inset:0}#fade.on{opacity:1;pointer-events:auto}#fade span{color:var(--sub);transition:transform .6s var(--spring);font-size:15px;font-weight:600;transform:translateY(6px)}#fade.on span{transform:none}.pc-actions{flex-wrap:wrap;justify-content:flex-end}.choose-sheet{width:min(420px,100%)}.choose-list{gap:8px;display:grid}.choose-list button{text-align:left;animation:rise .45s var(--spring) both;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font-size:16px;display:flex}.choose-list button span{color:var(--sub);font-size:13px;font-weight:500}.led{color:#ffb02e;white-space:nowrap;letter-spacing:.5px;background:#111;border-radius:4px;padding:5px 10px;font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:700;box-shadow:0 0 0 2px #333}.led b{color:#7cff8a;margin-right:6px;font-weight:700}.place-label{white-space:nowrap;background:#fffcf5e0;border-radius:12px;justify-items:center;gap:2px;padding:6px 12px;font-size:13px;display:grid;box-shadow:0 4px 14px #0000001f}.place-label span{color:var(--sub);font-size:11px}.tag{justify-items:center;display:grid;position:relative}.tag .name{border-bottom:2px solid var(--c);white-space:nowrap;background:#ffffffd9;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.tag.me .name{background:var(--c);color:#fff}.bubble{word-break:keep-all;overflow-wrap:anywhere;opacity:0;width:max-content;max-width:200px;transition:opacity .25s, transform .35s var(--spring);background:#fff;border-radius:14px;padding:7px 11px;font-size:13px;line-height:1.4;position:absolute;bottom:26px;transform:translateY(6px)scale(.9);box-shadow:0 4px 14px #00000026}.bubble.show{opacity:1;transform:none}.emote-pop{animation:emote 1.7s var(--ease) forwards;font-size:30px;position:absolute;bottom:24px}@keyframes emote{0%{opacity:0;transform:translateY(10px)scale(.4)}18%{opacity:1;transform:translateY(-6px)scale(1.2)}30%{transform:translateY(-10px)scale(1)}to{opacity:0;transform:translateY(-50px)}}.modal{z-index:20;background:#1e190f40;place-items:end center;animation:.25s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{width:min(520px,100%);max-height:min(78vh,680px);padding:16px 16px max(16px, env(safe-area-inset-bottom));animation:sheet .45s var(--spring) both;background:#fffaf0;border-radius:22px 22px 0 0;flex-direction:column;display:flex;box-shadow:0 -10px 40px #00000026}@keyframes sheet{0%{opacity:0;transform:translateY(40%)}}@media (width>=700px){.modal{align-items:center}.sheet{border-radius:22px}}.sheet header{justify-content:space-between;align-items:center;display:flex}.sheet h2{margin:0;font-size:18px}button.icon{background:0 0;border:none;padding:6px 10px;font-size:18px}.chips{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.chips button{border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.chips button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:#0000}.chips.small{margin:0 0 8px}.chips.small button{padding:4px 10px;font-size:12px}#notes-list{flex:1;align-content:start;gap:8px;min-height:120px;margin:0;padding:2px;list-style:none;display:grid;overflow-y:auto}.note{background:var(--memo,#fff6c8);animation:rise .45s var(--spring) both;border-radius:4px 14px 14px;padding:12px 12px 8px;box-shadow:0 2px 6px #0000000f}.note p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 8px;line-height:1.5}.note .cat{color:var(--sub);font-size:11px;font-weight:700}.note footer{color:var(--sub);align-items:center;gap:8px;font-size:12px;display:flex}.note footer .who{flex:1}.note footer .who:before{content:"";background:var(--c);border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.note footer button{background:#fff9;border-radius:8px;padding:3px 8px;font-size:12px}.note footer button.liked{color:#e0475b}.empty{text-align:center;color:var(--sub);padding:28px 0;font-size:14px}#notes-form{border-top:1px dashed var(--line);gap:8px;margin-top:10px;padding-top:10px;display:grid}#notes-form textarea{resize:none;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:10px 12px;font-size:16px}#toast{left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 48px);color:#fff;opacity:0;pointer-events:none;transition:opacity .25s, transform .4s var(--spring);z-index:30;text-align:center;background:#28241ee0;border-radius:999px;max-width:calc(100% - 32px);padding:9px 16px;font-size:13px;position:fixed;transform:translate(-50%,-10px)}#toast.show{opacity:1;transform:translate(-50%)}@media (width<=480px){.emotes button{width:36px;height:36px;font-size:16px}.emotes button:nth-child(n+4){display:none}.pill{padding:7px 12px;font-size:12px}#minimap{width:104px;height:104px}.place-list{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}