.avatar-wrap[data-v-59605744]{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--card);box-shadow:var(--shadow-soft);overflow:hidden;flex-shrink:0;vertical-align:middle}.avatar-img[data-v-59605744]{width:100%;height:100%;object-fit:cover}:root{--bg: #FAF6F0;--card: #FFFFFF;--ink: #4A3B32;--ink-soft: rgba(74, 59, 50, .55);--primary: #B08968;--primary-deep: #96704F;--pink: #F6D8D5;--sage: #DDE5D0;--mist: #D6E2EA;--warm-gray: #E8E2D9;--radius: 1.4rem;--shadow: 0 .6rem 1.6rem rgba(176, 137, 104, .14);--shadow-soft: 0 .3rem .9rem rgba(176, 137, 104, .1);--font-title: "Noto Serif SC", "Songti SC", serif;--font-body: -apple-system, "PingFang SC", "Hiragino Sans GB", sans-serif;--cream: var(--bg);--paper: var(--card);--blue: var(--ink);--yellow: var(--primary);--green: #8FA37E}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}input,textarea{user-select:text;-webkit-user-select:text;font-family:inherit}#app{max-width:30rem;margin:0 auto;min-height:100%}.page{padding:1.2rem 1.1rem 6rem;min-height:100vh}.page-head{margin:.9rem .2rem 1.3rem}.page-head h1{font-family:var(--font-title);font-size:1.65rem;font-weight:700;letter-spacing:.04em}.page-head p{margin-top:.35rem;font-size:.85rem;color:var(--ink-soft);letter-spacing:.06em}.page-title{font-family:var(--font-title);font-size:1.5rem;text-align:center;margin:.6rem 0 1.2rem;letter-spacing:.06em}.note-card{position:relative;background:var(--card);border:none;border-radius:var(--radius);padding:1.3rem 1.2rem 1.2rem;margin:1rem .1rem;box-shadow:var(--shadow)}.note-card.tilt-r,.note-card.tilt-l{transform:none}.note-card.green-tape{background:#fbf8f2}.btn{display:block;width:100%;padding:.9rem 1rem;margin:.6rem 0;font-family:inherit;font-size:1.05rem;color:#fff;background:var(--primary);border:none;border-radius:999px;box-shadow:0 .35rem .9rem #96704f47;cursor:pointer;transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(.12rem);box-shadow:0 .1rem .4rem #96704f40}.btn.green{background:#8fa37e;box-shadow:0 .35rem .9rem #8fa37e4d}.btn.ghost{background:transparent;color:var(--ink-soft);box-shadow:none;border:1.5px solid var(--warm-gray);font-size:.95rem}.btn:disabled{opacity:.5}.input{display:block;width:100%;padding:.8rem 1rem;margin:.5rem 0;font-size:1rem;color:var(--ink);background:#fdfaf6;border:1.5px solid var(--warm-gray);border-radius:1rem;outline:none}.input:focus{border-color:var(--primary)}.hint{text-align:center;font-size:.85rem;color:var(--ink-soft);margin:.5rem 0}.center{text-align:center}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;max-width:30rem;margin:0 auto;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--warm-gray);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;text-align:center;padding:.55rem 0 .5rem;color:var(--ink-soft);text-decoration:none;font-size:.72rem}.tabbar a .ico{display:block;font-size:1.3rem;filter:grayscale(.4)}.tabbar a.active{color:var(--primary-deep);font-weight:600}.tabbar a.active .ico{filter:none;transform:scale(1.12)}.demo-bar{position:fixed;top:0;left:0;right:0;z-index:60;max-width:30rem;margin:0 auto;padding:.25rem .8rem;background:#4a3b32d9;color:var(--bg);font-size:.72rem;text-align:center}.ping-rain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;overflow:hidden}.ping-rain .ping-text{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);background:var(--card);border-radius:1.4rem;padding:.9rem 1.8rem;font-size:1.25rem;box-shadow:var(--shadow);animation:pop .4s ease-out}.ping-note{position:absolute;top:-3rem;width:1.4rem;height:1.4rem;background:var(--mist);border-radius:50% 50% 50% .2rem;animation:fall 3s linear forwards}.ping-note.y{background:var(--pink)}.ping-note.g{background:var(--sage)}.ping-note.big{width:2rem;height:2rem}@keyframes fall{to{transform:translateY(110vh) rotate(340deg)}}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.miss-card{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);background:var(--card);border-radius:1.6rem;padding:1.6rem 2rem;font-size:1.5rem;text-align:center;font-family:var(--font-title);box-shadow:var(--shadow);animation:pop .5s ease-out}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-1rem;width:.55rem;height:.9rem;border-radius:.3rem;animation:confetti-fall 2.5s ease-in forwards}@keyframes confetti-fall{to{transform:translateY(105vh) rotate(720deg);opacity:.4}}.top-bar{display:flex;align-items:flex-start;gap:.6rem;margin:0 .1rem}.top-bar .page-head{flex:1;margin-top:.4rem}.exit-btn{font-family:inherit;font-size:.85rem;color:var(--ink-soft);background:var(--card);border:1.5px solid var(--warm-gray);border-radius:999px;padding:.4rem .9rem;flex-shrink:0;margin-top:.5rem}.btn-row{display:flex;gap:.6rem}.btn-row .btn{margin:.6rem 0}.btn.miss{background:#8fa37e;box-shadow:0 .35rem .9rem #8fa37e4d}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#4a3b3252;display:flex;align-items:center;justify-content:center;padding:1.5rem}.invite-card{width:100%;max-width:20rem}.invite-game{font-size:1.4rem;font-family:var(--font-title);margin:.5rem 0 .8rem}.toast{position:fixed;top:2.4rem;left:50%;transform:translate(-50%);z-index:130;background:var(--card);border-radius:999px;padding:.55rem 1.3rem;font-size:.92rem;box-shadow:var(--shadow);animation:toast-pop .3s ease-out}@keyframes toast-pop{0%{transform:translate(-50%) translateY(-.5rem);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.chat-page{padding-bottom:8.5rem}.msg-list{display:flex;flex-direction:column;gap:.6rem;margin:.5rem .2rem}.msg-row{display:flex;align-items:flex-end;gap:.45rem}.msg-row.mine{flex-direction:row-reverse}.avatar{font-size:1.2rem;flex-shrink:0;background:var(--card);border-radius:50%;width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}.bubble{max-width:72%;background:var(--card);border-radius:1.1rem 1.1rem 1.1rem .3rem;padding:.55rem .85rem;font-size:.98rem;box-shadow:var(--shadow-soft);word-break:break-word}.msg-row.mine .bubble{background:var(--pink);border-radius:1.1rem 1.1rem .3rem}.input-bar{position:fixed;left:0;right:0;bottom:calc(3.3rem + env(safe-area-inset-bottom));z-index:55;display:flex;gap:.5rem;max-width:30rem;margin:0 auto;padding:.5rem .7rem;background:var(--bg);border-top:1px solid var(--warm-gray)}.input-bar .input{margin:0;flex:1;background:var(--card)}.send-btn{font-family:inherit;border:none;background:var(--primary);color:#fff;border-radius:999px;padding:0 1.2rem;font-size:.95rem}.tabbar a{position:relative}.badge{position:absolute;top:.1rem;left:calc(50% + .15rem);min-width:1.1rem;height:1.1rem;line-height:1.1rem;border-radius:.55rem;background:#d98e7e;color:#fff;font-size:.68rem;text-align:center;padding:0 .25rem}