:root{color-scheme:light dark;--bg:#f4f7f9;--bg-elevated:#fff;--surface:#fff;--surface-2:#eef2f6;--surface-3:#e3eaf0;--border:#d8e0e8;--border-strong:#c2cede;--text:#101b24;--text-soft:#51636f;--text-faint:#62727e;--text-on-accent:#fff;--accent:#0f6e8c;--accent-hover:#0b5a74;--accent-soft:#e0eff5;--accent-ring:rgba(15,110,140,.35);--jade:#196a51;--jade-soft:#dcf1e8;--ochre:#82550c;--ochre-soft:#f9eeda;--rose:#a32b26;--rose-soft:#fae4e3;--slate:#536777;--slate-soft:#e7edf2;--shadow-sm:0 1px 2px rgba(16,27,36,.06);--shadow:0 1px 2px rgba(16,27,36,.05),0 6px 16px -8px rgba(16,27,36,.18);--shadow-lg:0 12px 40px -12px rgba(16,27,36,.32);--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--header-height:60px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c1319;--bg-elevated:#131e26;--surface:#16222b;--surface-2:#1c2b36;--surface-3:#243543;--border:#273845;--border-strong:#344a5b;--text:#e6edf3;--text-soft:#9fb2c0;--text-faint:#71879a;--text-on-accent:#06222c;--accent:#4fb3d1;--accent-hover:#6ec3dd;--accent-soft:#14313d;--accent-ring:rgba(79,179,209,.4);--jade:#6fc3a4;--jade-soft:#143028;--ochre:#d9a54e;--ochre-soft:#322715;--rose:#e8837c;--rose-soft:#351d1c;--slate:#8fa4b5;--slate-soft:#1e2b35;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 1px 2px rgba(0,0,0,.35),0 8px 20px -10px rgba(0,0,0,.6);--shadow-lg:0 16px 48px -12px rgba(0,0,0,.7)}}:root[data-theme=dark]{--bg:#0c1319;--bg-elevated:#131e26;--surface:#16222b;--surface-2:#1c2b36;--surface-3:#243543;--border:#273845;--border-strong:#344a5b;--text:#e6edf3;--text-soft:#9fb2c0;--text-faint:#71879a;--text-on-accent:#06222c;--accent:#4fb3d1;--accent-hover:#6ec3dd;--accent-soft:#14313d;--accent-ring:rgba(79,179,209,.4);--jade:#6fc3a4;--jade-soft:#143028;--ochre:#d9a54e;--ochre-soft:#322715;--rose:#e8837c;--rose-soft:#351d1c;--slate:#8fa4b5;--slate-soft:#1e2b35;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 1px 2px rgba(0,0,0,.35),0 8px 20px -10px rgba(0,0,0,.6);--shadow-lg:0 16px 48px -12px rgba(0,0,0,.7)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}h1{font-size:1.6rem}h1,h2{font-weight:700}h2{font-size:1.25rem}h3{font-size:1rem;font-weight:650}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-soft);color:var(--text)}.muted{color:var(--text-soft)}.faint{color:var(--text-faint)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.container{max-width:1120px;margin:0 auto;padding:1.75rem 1.25rem 4rem}.container-narrow{max-width:420px;margin:0 auto;padding:3rem 1.25rem 4rem}.stack{gap:1rem}.stack,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:.5rem}.stack-lg{display:flex;flex-direction:column;gap:1.75rem}.row{gap:.6rem}.row,.row-between{display:flex;align-items:center}.row-between{justify-content:space-between;gap:1rem;flex-wrap:wrap}.grow{flex:1 1;min-width:0}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;height:var(--header-height);display:flex;align-items:center;gap:1rem;padding:0 1.25rem;background:color-mix(in srgb,var(--bg-elevated) 85%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:750;font-size:1.05rem;letter-spacing:-.02em;color:var(--text)}.brand:hover{text-decoration:none}.brand-mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(140deg,var(--accent),var(--jade));display:grid;place-items:center;color:var(--text-on-accent);font-size:.8rem;font-weight:800}.app-nav{display:flex;align-items:center;gap:.15rem;margin-left:.75rem}.nav-link{padding:.4rem .7rem;border-radius:var(--radius-sm);color:var(--text-soft);font-weight:550;font-size:.9rem;white-space:nowrap}.nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-link[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.15rem 1.25rem;box-shadow:var(--shadow-sm)}.card-pad-lg{padding:1.5rem}.section-title{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.9rem}.count-pill{font-size:.72rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;background:var(--surface-3);color:var(--text-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button,input,select,textarea{font-family:inherit;font-size:.95rem}input[type=datetime-local],input[type=email],input[type=password],input[type=text],select,textarea{width:100%;padding:.55rem .7rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);transition:border-color .15s,box-shadow .15s}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}input::placeholder,textarea::placeholder{color:var(--text-faint)}textarea{resize:vertical;min-height:84px}.field-label,label{display:block;font-size:.78rem;font-weight:650;letter-spacing:.01em;color:var(--text-soft);margin-bottom:.3rem}.field+.field{margin-top:.85rem}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.85rem;gap:.85rem}@media (max-width:520px){.field-row{grid-template-columns:1fr}}button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.52rem .95rem;border-radius:var(--radius);border:1px solid transparent;background:var(--accent);color:var(--text-on-accent);font-weight:650;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .05s,opacity .15s}button:hover:not(:disabled){background:var(--accent-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}button.secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}button.ghost{background:transparent;color:var(--text-soft);border-color:transparent}button.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}button.danger{background:var(--rose);color:#fff}button.danger:hover:not(:disabled){background:var(--rose);opacity:.88}button.tiny{padding:.2rem .45rem;font-size:.75rem;border-radius:var(--radius-sm)}button.block{width:100%}.inline-form{display:flex;gap:.5rem;align-items:center}.inline-form input{flex:1 1}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.chip-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.chip-done{background:var(--jade-soft);color:var(--jade)}.chip-progress{background:var(--ochre-soft);color:var(--ochre)}.chip-todo{background:var(--slate-soft);color:var(--slate)}.chip-urgent{background:var(--rose-soft);color:var(--rose)}.chip-high{background:var(--ochre-soft);color:var(--ochre)}.chip-medium{background:var(--slate-soft);color:var(--slate)}.chip-low{background:var(--surface-3);color:var(--text-soft)}.chip-overdue{background:var(--rose-soft);color:var(--rose)}.chip-accent{background:var(--accent-soft);color:var(--accent)}.board-scroll{overflow-x:auto;padding-bottom:1rem;margin:0 -1.25rem;padding-left:1.25rem;padding-right:1.25rem}.board{display:flex;gap:.9rem;align-items:flex-start;min-height:60vh}.list-column{flex:0 0 296px;width:296px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.7rem;gap:.55rem;max-height:calc(100vh - var(--header-height) - 9rem)}.list-body,.list-column{display:flex;flex-direction:column}.list-body{gap:.5rem;overflow-y:auto;min-height:8px;padding-right:2px}.list-column.drop-target{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.add-list-column{background:transparent;border:1px dashed var(--border-strong)}.list-header{justify-content:space-between;min-height:30px}.list-header,.list-title{display:flex;align-items:center;gap:.4rem}.list-title{font-size:.9rem;font-weight:700;cursor:text;padding:.15rem .25rem;border-radius:var(--radius-sm);min-width:0}.list-title:hover{background:var(--surface-3)}.list-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-title-input{font-size:.9rem;font-weight:700;padding:.2rem .3rem}.list-header-actions{display:flex;gap:.1rem;flex-shrink:0;opacity:0;transition:opacity .12s}.list-column:hover .list-header-actions,.list-header-actions:focus-within{opacity:1}@media (hover:none){.list-header-actions{opacity:1}}.task-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .7rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .12s,box-shadow .12s,transform .05s;display:flex;flex-direction:column;gap:.4rem}.task-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.task-card:active{transform:scale(.995)}.task-card.dragging{opacity:.45}.task-card.is-done .task-title{color:var(--text-soft);text-decoration:line-through;-webkit-text-decoration-color:var(--text-faint);text-decoration-color:var(--text-faint)}.task-title{font-weight:600;font-size:.92rem;line-height:1.35;word-break:break-word}.task-meta{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.avatar{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:.66rem;font-weight:800;flex-shrink:0;border:1px solid var(--border)}.avatar-lg{width:30px;height:30px;font-size:.78rem}.modal-overlay{position:fixed;inset:0;background:rgba(6,12,17,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem;z-index:60;overflow-y:auto;animation:fade-in .14s ease-out}.modal-content{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:620px;padding:1.35rem 1.5rem 1.5rem;animation:pop-in .16s ease-out}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.99)}}.modal-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:1.1rem}.divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.comment-list{display:flex;flex-direction:column;gap:.6rem;max-height:240px;overflow-y:auto}.comment{display:flex;gap:.6rem;align-items:flex-start}.comment-body{background:var(--surface-2);border-radius:var(--radius);padding:.45rem .65rem;font-size:.9rem;min-width:0;word-break:break-word}.comment-meta{font-size:.74rem;color:var(--text-faint);margin-bottom:.1rem}.toast-stack{position:fixed;bottom:1.25rem;left:50%;transform:translateX(-50%);z-index:80;display:flex;flex-direction:column;gap:.5rem;width:min(440px,calc(100vw - 2rem))}.toast{display:flex;align-items:flex-start;gap:.6rem;background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--slate);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.7rem .85rem;font-size:.88rem;animation:toast-in .18s ease-out}.toast-error{border-left-color:var(--rose)}.toast-success{border-left-color:var(--jade)}.toast-info{border-left-color:var(--accent)}.toast button{margin-left:auto;padding:0 .25rem;background:none;border:none;color:var(--text-faint);font-size:1rem;line-height:1}.toast button:hover{background:none;color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:2.5rem 1rem;color:var(--text-soft)}.empty-icon{width:42px;height:42px;background:var(--surface-2);display:grid;place-items:center;font-size:1.2rem}.empty-icon,.skeleton{border-radius:var(--radius)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-line{height:12px;margin-bottom:8px}.skeleton-card{height:62px}.link-code-box{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.85rem;padding:.7rem .85rem;background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius)}.link-code{font-family:var(--font-mono);font-size:1.35rem;font-weight:700;letter-spacing:.22em;color:var(--text)}.auth-switch{margin-top:1rem;font-size:.88rem;color:var(--text-soft);text-align:center}.project-block+.project-block{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border)}.board-links{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.board-link{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:.85rem;font-weight:600}.board-link:hover{text-decoration:none;border-color:var(--accent);color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.alert{display:flex;gap:.5rem;align-items:flex-start;padding:.6rem .75rem;border-radius:var(--radius);font-size:.88rem;margin-bottom:.9rem}.alert-error{background:var(--rose-soft);color:var(--rose);border:1px solid color-mix(in srgb,var(--rose) 25%,transparent)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-bottom:1.5rem;font-size:1.35rem;font-weight:800;letter-spacing:-.025em}.auth-tagline{text-align:center;color:var(--text-soft);margin-bottom:1.5rem;font-size:.92rem}.app-nav{min-width:0;overflow-x:auto;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.brand{flex-shrink:0}@media (max-width:640px){.app-header{padding:0 .75rem;gap:.5rem}.brand-text{display:none}.app-nav{margin-left:.25rem}.nav-link{padding:.35rem .5rem;font-size:.85rem}.header-actions{gap:.1rem}.header-actions>button{padding:.35rem .45rem;font-size:.85rem}.app-header{height:auto;flex-wrap:wrap;padding-top:.5rem;padding-bottom:.5rem;row-gap:.35rem}.app-nav{order:3;width:100%;margin-left:0}.container{padding:1.25rem .9rem 3rem}.board-scroll{margin:0 -.9rem;padding-left:.9rem;padding-right:.9rem}.list-column{flex-basis:268px;width:268px}}.miniapp{padding:.9rem .9rem 2.5rem;max-width:560px;margin:0 auto}.miniapp-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}.miniapp-title{font-size:1.25rem;font-weight:750;letter-spacing:-.02em}.miniapp-tabs{display:flex;gap:.4rem;margin-bottom:.9rem}.miniapp-tabs button{flex:1 1}.miniapp-task{display:flex;align-items:flex-start;gap:.7rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .75rem}.miniapp-task>button{width:38px;height:38px;padding:0;flex-shrink:0;font-size:1rem}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-gap:.5rem;gap:.5rem}.attachment{position:relative;margin:0;aspect-ratio:1}.attachment-open{width:100%;height:100%;padding:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface-2);cursor:zoom-in}.attachment-open:hover{border-color:var(--accent);background:var(--surface-2)}.attachment-open img{object-fit:cover;display:block}.attachment-open img,.attachment-placeholder{width:100%;height:100%}.attachment-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;padding:0;border-radius:50%;background:var(--rose);color:#fff;font-size:.7rem;line-height:1;border:2px solid var(--bg-elevated);opacity:0;transition:opacity .12s}.attachment-remove:focus-visible,.attachment:hover .attachment-remove{opacity:1}@media (hover:none){.attachment-remove{opacity:1}}.lightbox{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.9rem;max-width:min(900px,92vw);margin:auto}.lightbox img{max-width:100%;max-height:74vh;object-fit:contain;border-radius:var(--radius);display:block}.new-task-box,.new-task-options{display:flex;flex-direction:column;gap:.5rem}.new-task-options{padding:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.mode-toggle{display:flex;gap:.3rem}.mode-toggle button{flex:1 1}.task-card.is-open{border-left:3px solid var(--accent)}.task-card.is-review{border-left:3px solid var(--ochre)}.header-actions{display:flex;align-items:center;gap:.25rem;margin-left:auto;flex-shrink:0}.theme-toggle,.theme-toggle-placeholder{width:34px;height:34px;flex-shrink:0}.theme-toggle{padding:0;font-size:1rem;line-height:1;color:var(--text-soft)}.theme-toggle:hover{color:var(--text)}.theme-toggle-placeholder{display:inline-block}.auth-theme-toggle{position:fixed;top:.9rem;right:.9rem;z-index:10;display:flex;align-items:center;gap:.4rem}.reset-code-input{font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase}.issued-code{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.5rem;padding:.6rem .75rem;background:var(--ochre-soft);border:1px solid var(--border);border-radius:var(--radius)}.issued-code code{font-family:var(--font-mono);font-size:1.15rem;font-weight:700;letter-spacing:.2em;color:var(--text)}.lang-switch{display:inline-flex;align-items:center;padding:2px;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px}.lang-button{padding:.22rem .45rem;min-width:30px;background:none;border:none;border-radius:999px;color:var(--text-soft);font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.03em;line-height:1.3;cursor:pointer}.lang-button:hover{color:var(--text);background:var(--surface-3)}.lang-button.is-active{background:var(--accent);color:var(--text-on-accent)}.lang-button.is-active:hover{background:var(--accent-hover)}.person-picker{position:relative}.person-picker input{width:100%}.person-panel{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;max-height:17rem;overflow-y:auto}.person-panel .person-option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .7rem;background:none;border:none;border-radius:0;color:var(--text);font:inherit;text-align:left;cursor:pointer}.person-panel .person-option.is-highlighted,.person-panel .person-option:hover:not(:disabled){background:var(--accent-soft);color:var(--text)}.person-lines{display:flex;flex-direction:column;min-width:0}.person-name{font-size:.9rem;font-weight:600}.person-email{font-size:.8rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-hint{padding:.7rem;font-size:.85rem;text-align:center}.person-below{margin-top:.35rem;font-size:.8rem}.bell-wrap{position:relative;display:flex}.bell-button{position:relative;padding:.4rem .55rem;font-size:1.05rem;line-height:1}.bell-badge{position:absolute;top:-2px;right:-2px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--rose);color:#fff;font-size:.68rem;font-weight:700;line-height:17px;text-align:center;box-shadow:0 0 0 2px var(--bg-elevated)}.bell-panel{position:absolute;top:calc(100% + .5rem);right:0;z-index:60;width:min(24rem,calc(100vw - 2rem));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.bell-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .9rem;border-bottom:1px solid var(--border);background:var(--surface-2)}.bell-list{max-height:min(26rem,60vh);overflow-y:auto}.bell-item{display:flex;gap:.6rem;align-items:flex-start;width:100%;padding:.7rem .9rem;background:none;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text);font:inherit;text-align:left;cursor:pointer}.bell-item:last-child{border-bottom:none}.bell-panel .bell-item:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.bell-panel .bell-item.unread{background:var(--accent-soft)}.bell-panel .bell-item.unread:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.bell-icon{flex:none;font-size:1rem;line-height:1.3}.bell-body{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1 1}.bell-title{font-size:.88rem;font-weight:600}.bell-task{font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bell-note,.bell-task{color:var(--text-soft)}.bell-note{font-size:.82rem;font-style:italic}.bell-where{font-size:.76rem;color:var(--accent);font-weight:600}.bell-where.faint{color:var(--text-faint);font-weight:400}.bell-when{font-size:.72rem;color:var(--text-faint)}.bell-dot{flex:none;width:7px;height:7px;margin-top:.4rem;border-radius:999px;background:var(--accent)}.bell-empty{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.6rem 1rem;text-align:center;font-size:.86rem}@media (max-width:640px){.bell-wrap{position:static}.bell-panel{left:.75rem;right:.75rem;width:auto;max-height:calc(100vh - 8rem);display:flex;flex-direction:column}.bell-list{max-height:none}}