.overlay[data-v-99066b3a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#26302a66;display:flex;flex-direction:column;justify-content:flex-end;z-index:70}.sheet[data-v-99066b3a]{max-width:480px;margin:0 auto;width:100%;background:var(--surface);border-radius:24px 24px 0 0;padding:12px 0 calc(8px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;max-height:80vh;max-height:80dvh}.grabber[data-v-99066b3a]{position:relative;width:44px;height:5px;border-radius:3px;background:var(--border-strong);margin:0 auto;flex-shrink:0}.grabber[data-v-99066b3a]:after{content:"";position:absolute;top:-20px;right:-30px;bottom:-20px;left:-30px}.sheet-head[data-v-99066b3a]{display:flex;align-items:center;gap:10px;padding:0 20px}.sheet-title[data-v-99066b3a]{font-family:var(--font-heading);font-weight:600;font-size:18px;color:var(--nori);flex:1}.mark-all-btn[data-v-99066b3a]{font-size:12.5px;font-weight:800;color:var(--salmon-dark);padding:6px 4px;min-height:44px}.mark-all-btn[data-v-99066b3a]:disabled{opacity:.5}.close-btn[data-v-99066b3a]{position:relative;width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.close-btn[data-v-99066b3a]:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.scroll-body[data-v-99066b3a]{overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:0 12px}.group[data-v-99066b3a]{display:flex;flex-direction:column;gap:1px}.group-label[data-v-99066b3a]{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.08em;padding:8px 8px 6px}.bell-row[data-v-99066b3a]{display:flex;align-items:flex-start;gap:10px;padding:10px 8px;border-radius:12px;text-align:left;min-height:44px}.bell-row.unread[data-v-99066b3a]{background:var(--salmon-bg)}@media (hover: hover){.bell-row[data-v-99066b3a]:hover{background:var(--cream-2)}.bell-row.unread[data-v-99066b3a]:hover{background:var(--salmon-bg)}}.bell-dot[data-v-99066b3a]{width:8px;height:8px;border-radius:4px;background:var(--salmon);margin-top:6px;flex-shrink:0}.bell-text[data-v-99066b3a]{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.bell-title[data-v-99066b3a]{font-size:14px;font-weight:800;color:var(--ink);line-height:1.35}.bell-body[data-v-99066b3a]{font-size:12.5px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}.bell-time[data-v-99066b3a]{font-size:11px;color:var(--faint);flex-shrink:0;padding-top:2px}.empty[data-v-99066b3a]{text-align:center;color:var(--muted);padding:32px 24px;font-size:13.5px;line-height:1.5}.retry-link[data-v-99066b3a]{color:var(--salmon-dark);font-weight:800;text-decoration:underline;font-size:inherit}.loading-more[data-v-99066b3a]{text-align:center;color:var(--muted);padding:10px;font-size:12px}@media (min-width: 1024px){.overlay[data-v-99066b3a]{flex-direction:row;justify-content:flex-end;padding:0}.sheet[data-v-99066b3a]{width:380px;max-width:100%;height:100%;max-height:100%;margin:0;border-radius:0;box-shadow:-12px 0 32px #3c321e3d;padding:20px 0 16px}.grabber[data-v-99066b3a]{display:none}.sheet-head[data-v-99066b3a]{padding:0 20px 4px}}.toast-host[data-v-801a7907]{position:fixed;left:0;right:0;bottom:calc(84px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;pointer-events:none;z-index:90;padding:0 16px}.toast[data-v-801a7907]{pointer-events:auto;max-width:420px;background:var(--nori);color:var(--cream);font-size:13.5px;font-weight:700;line-height:1.4;padding:12px 18px;border-radius:18px;box-shadow:0 8px 24px #26302a47;text-align:left;animation:toast-in-801a7907 .18s ease-out}@keyframes toast-in-801a7907{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1024px){.toast-host[data-v-801a7907]{bottom:28px}}:root{--cream: #f6f0e4;--cream-2: #ece4d2;--ink: #2b2620;--nori: #26302a;--salmon: #e8863f;--salmon-dark: #a85720;--salmon-darker: #8a4519;--tuna: #d95c55;--tuna-bg: #fbe5e0;--tuna-border: #e8b3ab;--tuna-text: #a13a33;--avocado: #9dc45f;--avocado-dark: #5a7326;--avocado-bg: #eaf1d8;--teal-bg: #ddeef0;--teal-text: #2e6b74;--sale-bg: #fdeeda;--sale-text: #a5541f;--plum-bg: #f3e4ef;--plum: #96578c;--salmon-bg: #fdf6ec;--salmon-ink: #4a2609;--avocado-ink: #33421a;--tuna-ink: #2f0b09;--tuna-ink-soft: #380f0d;--avocado-border: #cfdfa8;--teal-border: #b8d8dc;--sale-border: #f0d3ab;--surface: #fffdf6;--border: #eee5d4;--border-strong: #ddd3bf;--border-soft: #e7dfcf;--muted: #6b6456;--muted-2: #5c564a;--faint: #b3a88f;--radius-lg: 16px;--safe-top: calc(12px + env(safe-area-inset-top, 46px)) ;--safe-bottom: env(safe-area-inset-bottom, 0px);--radius-full: 999px;--font-heading: "Fredoka", "Trebuchet MS", sans-serif;--font-body: "Nunito Sans", "Trebuchet MS", system-ui, sans-serif;--nori-light: #334034;--nori-muted: #cfc7b8;--nori-muted-2: #a8b0a0;--cream-on-dark: #fbf6ea;--nori-solid: #26302a}:root[data-theme=dark]{--cream: #171c17;--cream-2: #1e241e;--ink: #efe9db;--nori: #fbf6ea;--salmon: #e8863f;--salmon-dark: #f2a066;--salmon-darker: #f6b988;--tuna: #e0776f;--tuna-bg: #3a2220;--tuna-border: #6b3530;--tuna-text: #f4998f;--avocado: #9dc45f;--avocado-dark: #bfe08a;--avocado-bg: #263a1c;--teal-bg: #1c3236;--teal-text: #7cc3cc;--sale-bg: #3a2a18;--sale-text: #f0a868;--plum-bg: #33253a;--plum: #cd97c2;--salmon-bg: #3a2a1c;--salmon-ink: #4a2609;--avocado-ink: #33421a;--tuna-ink: #2f0b09;--tuna-ink-soft: #380f0d;--avocado-border: #3d5a2a;--teal-border: #2f4d52;--sale-border: #5c3f22;--surface: #262d26;--border: #333a33;--border-strong: #454d45;--border-soft: #2b322b;--muted: #9c9a8d;--muted-2: #c7c3b4;--faint: #6f6c60;--nori-light: #4c5f4d;--nori-muted: #cfc7b8;--nori-muted-2: #a8b0a0;--cream-on-dark: #fbf6ea;--nori-solid: #3c4c3d}@media (min-width: 1024px){:root{--safe-top: 58px}}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}button,input{font-family:inherit}button{cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease,opacity .15s ease}button:disabled{cursor:not-allowed}a{color:var(--salmon-dark);text-decoration:none;cursor:pointer;transition:color .15s ease}a:hover{color:var(--salmon-darker)}.fab{transition:transform .15s ease,box-shadow .15s ease}@media (hover: hover){button:not(:disabled):hover{filter:brightness(.96)}.btn-primary:not(:disabled):hover,.btn-secondary:not(:disabled):hover,.pill:hover{filter:none;transform:translateY(-1px);box-shadow:0 4px 10px #3c321e29}.tab.compose:hover .fab{transform:translateY(-1px);box-shadow:0 6px 16px #c86a2e80}}button:not(:disabled):active{filter:brightness(.9)}.btn-primary:not(:disabled):active,.btn-secondary:not(:disabled):active,.pill:active{filter:none;transform:translateY(0);box-shadow:none}.tab.compose:active .fab{transform:translateY(0);box-shadow:0 2px 8px #c86a2e66}.screen{min-height:100%;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:var(--cream);flex-shrink:0}@media (min-width: 1024px){.screen{width:100%;max-width:640px}.screen.wide{max-width:1080px}}.btn-primary{height:52px;border-radius:var(--radius-full);background:var(--salmon);color:var(--salmon-ink);font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;width:100%;transition:opacity .15s}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{height:44px;border-radius:var(--radius-full);background:var(--surface);border:1.5px solid var(--border-strong);color:var(--muted-2);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;overflow-wrap:anywhere;min-width:0}.field{height:52px;border-radius:var(--radius-lg);background:var(--surface);border:1.5px solid var(--border-strong);display:flex;align-items:center;gap:10px;padding:0 16px}.field input{border:none;background:transparent;font-size:16px;color:var(--ink);flex:1;min-width:0}.field input::placeholder{color:var(--faint)}.field:focus-within{border-color:var(--salmon);box-shadow:0 0 0 3px color-mix(in srgb,var(--salmon) 30%,transparent)}.pill{padding:9px 15px;border-radius:var(--radius-full);font-size:13px;font-weight:800;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.v-hscroll,.chips{scrollbar-width:none;-ms-overflow-style:none}.v-hscroll::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}.check-row{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-size:13px;font-weight:700;color:var(--nori)}.check-row input[type=checkbox]{width:18px;height:18px;margin:0;flex-shrink:0;cursor:pointer;accent-color:var(--avocado-dark)}.check-row input[type=checkbox]:disabled{cursor:not-allowed}.btn-secondary.header-create{width:auto;padding:0 16px;gap:7px;flex-shrink:0;white-space:nowrap}@keyframes village-highlight-fade{0%{outline-color:var(--salmon);box-shadow:0 0 0 4px #e8863f2e}to{outline-color:transparent;box-shadow:none}}.village-highlight{outline:3px solid var(--salmon);outline-offset:2px;animation:village-highlight-fade 2.6s ease-out forwards}@keyframes hangout-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}@keyframes hangout-breathe-halo{0%{transform:scale(1);opacity:.55}50%{transform:scale(1.7);opacity:0}to{transform:scale(1);opacity:0}}.hangout-breathing-dot{position:relative;animation:hangout-breathe 2s ease-in-out infinite;will-change:transform}.hangout-breathing-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:3px solid rgba(157,196,95,.55);animation:hangout-breathe-halo 2s ease-in-out infinite;will-change:transform,opacity;pointer-events:none}@media (prefers-reduced-motion: reduce){.hangout-breathing-dot,.hangout-breathing-dot:after{animation:none}.hangout-breathing-dot:after{opacity:.6}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:2px solid var(--salmon);outline-offset:2px}@media (max-width: 1023px){input:not([type=checkbox]):not([type=radio]):not(.code-input),textarea,select{font-size:16px!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3{margin:0;font-size:inherit;font-weight:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}