:root{--blue:#1d9bf0;--blue-deep:#0b74c4;--blue-soft:#38bdf8;--sky:#d3ecff;--cloud:#dcebf8;--mist:#c7daec;--ink:#0f172a;--muted:#475569;--faint:#64748b;--border:#e2e8f0;--rising:#16a34a;--spreading:#1d9bf0;--active:#d97706;--fading:#64748b;--card:#ffffffdb;--radius:26px;--radius-sm:16px;--shadow:0 16px 36px #1d63af1a;--shadow-soft:0 6px 18px #1d63af14;--z-nav:30;--z-top:20;--font-display:"Fredoka", "Noto Sans JP", -apple-system, system-ui, sans-serif;--font-body:"Nunito", "Noto Sans JP", -apple-system, system-ui, sans-serif;font-family:var(--font-body);color:var(--ink)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(540px 420px at 8% -10%, #d3ecffb3, transparent 70%), radial-gradient(620px 520px at 96% 2%, #38bdf82e, transparent 70%), radial-gradient(420px 380px at 50% 110%, #ffffffe6, transparent 70%), linear-gradient(to bottom, #fff, var(--cloud) 55%, var(--mist));-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}:focus-visible{outline-offset:2px;border-radius:10px;outline:3px solid #1d9bf08c}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.01em}.app{max-width:760px;margin:0 auto;padding:0 18px 132px}.topbar{z-index:var(--z-top);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffffb3,#fff0);align-items:center;gap:12px;padding:20px 4px 16px;display:flex;position:sticky;top:0}.logo{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:23px;font-weight:700;display:flex}.logo .cloud-ico{background:linear-gradient(135deg, var(--blue), var(--blue-soft));color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 18px #1d9bf066}.topbar .spacer{margin-left:auto}.who{color:var(--muted);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.avatar{background:linear-gradient(135deg, var(--blue-soft), var(--blue));color:#fff;width:30px;height:30px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffffe6;padding:20px;position:relative}.card .cloud-watermark{color:#1d9bf029;position:absolute;top:14px;right:16px}.term{cursor:pointer;margin-bottom:16px;transition:box-shadow .2s,border-color .2s}.term:hover{border-color:var(--sky);box-shadow:0 20px 44px #1d63af29}.term-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rank{font-family:var(--font-display);color:var(--blue);background:#1d9bf01a;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;font-weight:600;display:grid}.term-text{font-family:var(--font-display);letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.1}.term-def{color:var(--ink);margin:10px 0 12px;line-height:1.55}.term-meta{color:var(--faint);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.dot-sep{background:var(--faint);opacity:.5;border-radius:50%;width:3px;height:3px}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12.5px;font-weight:800;display:inline-flex}.pill .dot{border-radius:50%;width:7px;height:7px}.pill.rising{color:var(--rising);background:#16a34a1f}.pill.rising .dot{background:var(--rising)}.pill.spreading{color:var(--blue-deep);background:#1d9bf01f}.pill.spreading .dot{background:var(--blue)}.pill.active{color:var(--active);background:#d9770621}.pill.active .dot{background:var(--active)}.pill.fading{color:var(--fading);background:#64748b26}.pill.fading .dot{background:var(--fading)}.tags{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.chip{color:var(--blue-deep);background:#1d9bf017;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:700}button.chip-btn{font:inherit;border:1px solid #0000;transition:background .15s,border-color .15s}button.chip-btn:hover{cursor:pointer;background:#1d9bf029;border-color:#1d9bf04d}.votes{align-items:center;gap:8px;display:flex}.vote-btn{border:1px solid var(--border);min-width:44px;min-height:36px;color:var(--muted);background:#ffffffbf;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:800;transition:color .2s,border-color .2s,background .2s;display:flex}.vote-btn:hover{border-color:var(--blue)}.vote-btn.up.on{color:var(--rising);border-color:var(--rising);background:#16a34a1a}.vote-btn.down.on{color:#dc2626;background:#dc262614;border-color:#dc2626}.section-title{font-family:var(--font-display);color:var(--muted);text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:10px;margin:24px 4px 14px;font-size:13px;font-weight:600;display:flex}.link-btn{color:var(--blue);background:0 0;border:none;padding:0;font-size:13px;font-weight:800}.link-btn.danger{color:#dc2626}.link-btn.danger:hover{text-decoration:underline}.btn-primary.danger{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 12px 26px #dc262659}.btn-primary.danger:hover:not(:disabled){box-shadow:0 16px 32px #dc262680}.group-card{cursor:pointer;margin-bottom:16px;transition:box-shadow .2s,border-color .2s}.group-card:hover{border-color:var(--sky);box-shadow:0 20px 44px #1d63af29}.group-accent{border-radius:999px;width:100%;height:7px;margin-bottom:14px}.group-name{font-family:var(--font-display);font-size:19px;font-weight:600}.group-sub{color:var(--faint);margin-top:4px;font-size:13px;font-weight:600}.group-desc{color:var(--muted);margin-top:11px;font-size:14.5px;line-height:1.55}.group-join-btn{color:var(--blue-deep);letter-spacing:.01em;background:#ffffffeb;border:1px solid #1d9bf040;border-radius:999px;min-height:32px;padding:6px 12px;font-size:12.5px;font-weight:800;transition:background .15s,border-color .15s,color .15s}.btn-small-primary{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;transition:opacity .15s}.btn-small-primary:hover{opacity:.85}.btn-ghost-small{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:600;transition:color .15s}.btn-ghost-small:hover{color:var(--ink)}.btn-icon-small{width:32px;height:32px;color:var(--blue-deep);cursor:pointer;background:#ffffffeb;border:1px solid #1d9bf040;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.btn-icon-small:hover,.group-join-btn:hover{border-color:var(--blue);background:#1d9bf01f}.group-join-btn.joined{color:var(--rising);background:#16a34a1a;border-color:#16a34a59}.group-join-btn.joined:hover{color:#dc2626;background:#dc262614;border-color:#dc262659}.group-join-btn.joined:hover span{display:none}.group-join-btn.joined:hover:after{content:"Leave"}.chips-row{scrollbar-width:none}.chips-row::-webkit-scrollbar{display:none}.chip-compact{color:var(--blue-deep);white-space:nowrap;cursor:pointer;background:#ffffffeb;border:1px solid #1d9bf040;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:8px 6px 8px 14px;font-size:13px;font-weight:700;transition:border-color .15s,background .15s;display:inline-flex}.chip-compact:hover{border-color:var(--blue);background:#1d9bf01a}.chip-leave-btn{color:var(--faint);background:0 0;border:none;border-radius:50%;place-items:center;width:24px;height:24px;font-size:18px;line-height:1;transition:background .15s,color .15s;display:inline-grid}.chip-leave-btn:hover{color:#dc2626;background:#dc26261a}.back{color:var(--blue);background:0 0;border:none;align-items:center;gap:6px;min-height:36px;margin:8px 0 16px;padding:6px 4px;font-weight:800;display:inline-flex}.detail-block{margin-top:20px}.detail-label{font-family:var(--font-display);color:var(--blue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-size:12px;font-weight:600}.detail-text{font-size:15.5px;line-height:1.6}.example{color:var(--muted);border-left:3px solid var(--blue-soft);padding-left:14px;font-style:italic}.note{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff9;margin-bottom:10px;padding:13px 15px}.note-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.note-author{color:var(--blue-deep);font-size:12.5px;font-weight:800}.note-mine{color:var(--faint);text-transform:uppercase;letter-spacing:.05em;background:#64748b1f;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.note-body{font-size:14.5px;line-height:1.5}.note-meta{color:var(--faint);margin-top:7px;font-size:12px;font-weight:700}.field{margin-bottom:16px}.field label{color:var(--muted);margin-bottom:7px;font-size:13.5px;font-weight:800;display:block}.field input,.field textarea,.field select{border:1px solid var(--border);width:100%;font:inherit;color:var(--ink);background:#ffffffeb;border-radius:14px;outline:none;padding:13px 15px;font-size:16px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1d9bf029}.field textarea{resize:vertical;min-height:80px}.btn-primary{background:linear-gradient(135deg, var(--blue), var(--blue-soft));color:#fff;width:100%;min-height:52px;font-family:var(--font-display);border:none;border-radius:16px;padding:15px;font-size:17px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 12px 26px #1d9bf061}.btn-primary:hover:not(:disabled){box-shadow:0 16px 32px #1d9bf07a}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);width:100%;min-height:48px;color:var(--ink);background:#fffc;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:13px;font-weight:800;transition:border-color .15s,background .15s;display:flex}.btn-ghost:hover{border-color:var(--blue);background:#fff}.auth-wrap{flex-direction:column;justify-content:center;max-width:420px;min-height:86vh;margin:0 auto;display:flex}.auth-hero{text-align:center;margin-bottom:26px}.auth-logo{background:linear-gradient(135deg, var(--blue), var(--blue-soft));color:#fff;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 16px;display:grid;box-shadow:0 14px 30px #1d9bf06b}.auth-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:700}.auth-sub{color:var(--muted);margin-top:8px;font-size:16px}.divider{color:var(--faint);align-items:center;gap:12px;margin:18px 0;font-size:13px;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-help{color:var(--muted);text-align:center;background:#1d9bf00f;border:1px solid #1d9bf024;border-radius:14px;margin-top:16px;padding:12px 14px;font-size:13px;line-height:1.55}.auth-help p{margin:0 0 6px}.auth-help p:last-child{margin-bottom:0}.auth-help a{color:var(--blue-deep);font-weight:800}.nav{z-index:var(--z-nav);padding:10px 14px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border-top:1px solid #fffc;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-inner{gap:4px;width:100%;max-width:760px;display:flex}.nav button{color:var(--faint);background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;min-height:52px;padding:8px 6px;font-size:11px;font-weight:800;transition:color .2s,background .2s;display:flex}.nav button.on{color:var(--blue-deep);background:#1d9bf01a}.nav button svg{width:23px;height:23px}.search-bar{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#ffffffdb;border-radius:16px;align-items:center;gap:10px;margin-bottom:18px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.search-bar:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1d9bf029}.search-ico{color:var(--faint);display:flex}.search-bar input{font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:16px}.search-bar input::-webkit-search-cancel-button{-webkit-appearance:none}.search-clear{color:var(--faint);background:#64748b1f;border:none;border-radius:50%;place-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:grid}.search-clear:hover{color:var(--ink);background:#64748b38}.detail-top-row{justify-content:space-between;align-items:center;margin:8px 0 4px;display:flex}.detail-top-actions{gap:2px;display:flex}.report-btn{color:var(--faint);background:0 0;border:none;align-items:center;gap:6px;min-height:36px;padding:6px 8px;font-size:13px;font-weight:700;transition:color .15s;display:inline-flex}.report-btn:hover{color:#dc2626}.share-btn:hover{color:var(--blue)}.ptr-indicator{width:32px;height:32px;box-shadow:var(--shadow-soft);color:var(--blue);z-index:5;background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;left:50%;transform:translate(-50%)}.notif-stack{z-index:25;pointer-events:none;flex-direction:column;gap:8px;max-width:280px;display:flex;position:fixed;top:70px;right:16px}.notif-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-left:3px solid var(--blue);box-shadow:var(--shadow-soft);color:var(--ink);pointer-events:auto;background:#fffffff2;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.notif-icon{color:var(--blue);flex-shrink:0;display:flex}.notif-msg{line-height:1.35}.sort-tabs{border:1px solid var(--border);background:#ffffffb3;border-radius:14px;gap:6px;margin-bottom:14px;padding:4px;display:flex}.sort-tab{color:var(--muted);background:0 0;border:none;border-radius:10px;flex:1;padding:8px 10px;font-size:13px;font-weight:800;transition:background .15s,color .15s}.sort-tab.on{background:var(--blue);color:#fff;box-shadow:0 4px 10px #1d9bf04d}.topbar-settings{color:var(--muted);background:0 0;border:none;border-radius:10px;place-items:center;padding:8px;transition:background .15s,color .15s;display:grid}.topbar-settings:hover{color:var(--blue-deep);background:#1d9bf01a}.skip-link{background:var(--blue);color:#fff;z-index:200;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:800;transition:top .15s;position:absolute;top:-40px;left:12px}.skip-link:focus{outline:3px solid #fff;top:12px}.notif-card{color:var(--ink);background:#141e2deb;border-color:#ffffff14}.sort-tabs{background:#141e2d99;border-color:#ffffff14}.sort-tab{color:var(--muted)}.sort-tab:not(.on):hover{color:var(--blue-soft);background:#1d9bf02e}.note-rate{gap:8px;margin-top:10px;display:flex}.rate-btn{border:1px solid var(--border);color:var(--faint);background:#ffffffb3;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:800;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.rate-btn:hover{border-color:var(--blue)}.rate-btn.on.helpful{color:var(--rising);border-color:var(--rising);background:#16a34a1a}.rate-btn.on.not-helpful{color:#dc2626;background:#dc262614;border-color:#dc2626}.modal-overlay{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);background:#fff;width:100%;max-width:420px;padding:26px;box-shadow:0 30px 60px #0f172a4d}.modal-title{font-family:var(--font-display);font-size:21px;font-weight:600}.report-options{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.report-opt{cursor:pointer;border:1px solid var(--border);border-radius:14px;align-items:center;gap:11px;padding:13px 15px;font-size:15px;font-weight:700;transition:border-color .15s,background .15s;display:flex}.report-opt:hover{border-color:var(--blue)}.report-opt.on{border-color:var(--blue);background:#1d9bf00f}.report-opt input{accent-color:var(--blue);width:18px;height:18px}.modal-actions{gap:10px;display:flex}.modal-actions .btn-primary,.modal-actions .btn-ghost{flex:1;width:auto}.handle-row{justify-content:center;align-items:center;gap:8px;display:flex}.handle-edit-btn{color:var(--blue-deep);background:#1d9bf01a;border:none;border-radius:9px;place-items:center;width:30px;height:30px;transition:background .15s;display:grid}.handle-edit-btn:hover{background:#1d9bf033}.handle-edit{justify-content:center;align-items:center;gap:4px;display:flex}.handle-at{font-family:var(--font-display);color:var(--faint);font-size:22px;font-weight:600}.handle-input{border:1px solid var(--border);font:inherit;font-size:18px;font-family:var(--font-display);text-align:center;width:160px;color:var(--ink);background:#ffffffeb;border-radius:12px;outline:none;padding:8px 10px;font-weight:600}.handle-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1d9bf029}.handle-save{background:linear-gradient(135deg, var(--blue), var(--blue-soft));color:#fff;border:none;border-radius:11px;place-items:center;width:38px;height:38px;transition:transform .15s;display:grid;box-shadow:0 6px 14px #1d9bf059}.handle-save:active:not(:disabled){transform:translateY(1px)}.handle-save:disabled{opacity:.5;cursor:not-allowed}.empty{text-align:center;color:var(--muted);padding:48px 20px;font-size:15px}.settings-section{margin-bottom:28px}.settings-section-title{font-family:var(--font-display);color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin:0 4px 12px;font-size:13px;font-weight:600}.settings-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffffb3;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;display:flex}.settings-row.danger{background:#dc26260a;border-color:#dc26264d}.settings-row .label{flex:1}.settings-row .label-title{color:var(--ink);font-size:15px;font-weight:700}.settings-row .label-desc{color:var(--faint);margin-top:2px;font-size:13px;line-height:1.4}.settings-btn{border:1px solid var(--border);color:var(--ink);background:#ffffffeb;border-radius:12px;flex-shrink:0;min-height:40px;padding:9px 16px;font-size:14px;font-weight:800;transition:border-color .15s,background .15s}.settings-btn:hover{border-color:var(--blue);background:#fff}.settings-btn.danger{color:#dc2626;background:#dc26260f;border-color:#dc26264d}.settings-btn.danger:hover{background:#dc26261f;border-color:#dc2626}.settings-link{color:var(--blue-deep);border-radius:8px;padding:4px 6px;font-size:14px;font-weight:700;text-decoration:none}.settings-link:hover{background:#1d9bf014;text-decoration:underline}.settings-handle-edit{flex-shrink:0;align-items:center;gap:8px;display:flex}.settings-handle-input{border:1px solid var(--border);font:inherit;width:140px;color:var(--ink);font-size:14px;font-family:var(--font-body);background:#fff;border-radius:12px;outline:none;padding:8px 10px}.settings-handle-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1d9bf029}.app-footer{border-top:1px solid var(--border);text-align:center;color:var(--faint);margin-top:32px;padding:24px 0 12px;font-size:13px}.app-footer-brand{font-family:var(--font-display);color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:inline-flex}.app-footer-brand .cloud-ico{background:linear-gradient(135deg, var(--blue), var(--blue-soft));color:#fff;border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.app-footer-links{justify-content:center;gap:18px;margin-bottom:12px;display:flex}.app-footer-links a{color:var(--muted);font-weight:700;text-decoration:none}.app-footer-links a:hover{color:var(--blue-deep);text-decoration:underline}.app-footer-copy{color:var(--faint);font-size:12px}.back-to-top{right:16px;bottom:calc(80px + env(safe-area-inset-bottom,0));background:linear-gradient(135deg, var(--blue-soft), var(--blue));color:#fff;width:48px;height:48px;box-shadow:var(--shadow);z-index:25;cursor:pointer;border:none;border-radius:50%;place-items:center;transition:transform .15s;display:grid;position:fixed}.back-to-top:hover{transform:translateY(-2px)}.back-to-top:active{transform:translateY(0)}.muted{color:var(--muted)}.success{color:var(--rising);text-align:center;background:#16a34a1a;border-radius:14px;margin-bottom:16px;padding:13px 15px;font-weight:800}.banner{color:var(--blue-deep);text-align:center;background:#1d9bf01a;border:1px solid #1d9bf033;border-radius:14px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:700}.error{color:#dc2626;background:#dc26261a;border-radius:14px;margin-bottom:14px;padding:11px 14px;font-size:14px;font-weight:700}.spinner{border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:30px;height:30px;margin:60px auto;animation:.8s linear infinite spin}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#ffffff80,#ffffffd9,#ffffff80) 0 0/200% 100%;height:118px;margin-bottom:16px;animation:1.4s infinite shimmer}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){:root{--ink:#e6edf6;--muted:#a3b1c2;--faint:#7d8ea3;--border:#ffffff14;--card:#141e2dc7;--sky:#10283f;--cloud:#0c1a2a;--mist:#08131f}body{background:radial-gradient(540px 420px at 8% -10%,#1d9bf02e,#0000 70%),radial-gradient(620px 520px at 96% 2%,#38bdf81a,#0000 70%),radial-gradient(420px 380px at 50% 110%,#0b1220e6,#0000 70%),linear-gradient(#0b1220,#0a1626 55%,#08111e)}.card{background:var(--card);border-color:#ffffff0f}.term-def,.detail-text,.group-desc,.auth-sub{color:var(--ink)}.field input,.field textarea,.field select{color:var(--ink);background:#141e2d99;border-color:#ffffff14}.field input::placeholder,.field textarea::placeholder{color:var(--faint)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue)}.btn-ghost{color:var(--ink);background:#141e2d99;border-color:#ffffff14}.btn-ghost:hover{border-color:var(--blue);background:#141e2dd9}.topbar{background:linear-gradient(#0b1220d9,#0b122000)}.nav{background:#0b1220d9;border-top-color:#ffffff0f}.nav button{color:var(--faint)}.nav button.on{color:var(--blue-soft);background:#1d9bf024}.vote-btn{color:var(--muted);background:#141e2d99;border-color:#ffffff14}.note{background:#141e2d80;border-color:#ffffff14}.chip{color:var(--blue-soft);background:#1d9bf029}.report-opt{color:var(--ink);background:#141e2d80;border-color:#ffffff14}.report-opt.on{background:#1d9bf01f}.skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a) 0 0/200% 100%}.search-bar{background:#141e2d99;border-color:#ffffff14}.search-bar input{color:var(--ink)}.search-clear{color:var(--muted);background:#ffffff14}.modal{color:var(--ink);background:#0e1a2c}.success{color:#4ade80;background:#16a34a29}.error{color:#f87171;background:#dc262629}.banner{color:var(--blue-soft);background:#1d9bf024;border-color:#1d9bf04d}.divider{color:var(--faint)}.divider:before,.divider:after{background:#ffffff14}.handle-input{color:var(--ink);background:#141e2d99;border-color:#ffffff14}.group-join-btn{color:var(--blue-soft);background:#141e2db3;border-color:#1d9bf066}.group-join-btn:hover{background:#1d9bf02e}.group-join-btn.joined{color:#4ade80;background:#16a34a1f;border-color:#16a34a66}.chip-compact{color:var(--blue-soft);background:#141e2db3;border-color:#1d9bf066}.chip-compact:hover{background:#1d9bf02e}.field input,.field textarea,.field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.settings-row{background:#141e2d80;border-color:#ffffff14}.settings-row.danger{background:#dc262614;border-color:#dc262640}.settings-btn{color:var(--ink);background:#141e2d99;border-color:#ffffff14}.settings-btn:hover{background:#141e2dd9}.settings-btn.danger{color:#f87171;background:#dc26261a;border-color:#dc26264d}.settings-handle-input{color:var(--ink);background:#141e2d99;border-color:#ffffff14}.app-footer{border-top-color:#ffffff14}}