@font-face{font-family:Kocehind;src:local('Plus Jakarta Sans'),local('Inter'),local('SF Pro Display'),local('Segoe UI'),local('Arial')}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{margin:0;font-family:Kocehind,'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--text,#181824);background:var(--bg,#f6f7fb);line-height:1.5;letter-spacing:-0.011em}
button,input,textarea,select{font:inherit;letter-spacing:inherit}
a{color:inherit;text-decoration:none;transition:color .18s ease,opacity .18s ease}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit;transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}
button:active:not(:disabled){transform:scale(.975)}
button:disabled{opacity:.48;cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent,#8b5cf6);outline-offset:2px}
button svg,a svg{width:20px;height:20px;flex-shrink:0}
svg{vertical-align:middle}
.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:12px;border:1px solid var(--border,#e2e4f0);background:var(--surface,#fff);font-weight:700;font-size:13.5px;letter-spacing:-0.015em;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .16s cubic-bezier(.16,1,.3,1),background .18s ease,border-color .18s ease,box-shadow .18s ease}
.btn:hover:not(:disabled){border-color:rgba(139,92,246,.42);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.btn.primary{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 48%,#ec4899 100%);color:#fff;border-color:rgba(255,255,255,.16);box-shadow:0 8px 24px -4px rgba(139,92,246,.42),inset 0 1px 0 rgba(255,255,255,.22)}
.btn.primary:hover:not(:disabled){box-shadow:0 12px 28px -4px rgba(236,72,153,.45),inset 0 1px 0 rgba(255,255,255,.28)}
.btn.danger{background:rgba(244,63,94,.12);border-color:rgba(244,63,94,.32);color:#fb7185}
.btn.danger:hover:not(:disabled){background:rgba(244,63,94,.2);border-color:rgba(244,63,94,.5)}
.btn.small{min-height:32px;padding:6px 12px;font-size:12px;border-radius:9px}
.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;background:rgba(255,255,255,.03);border:1px solid var(--border,#e5e2ee);border-radius:12px;transition:background .18s ease,border-color .18s ease}
.icon-btn:hover{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.35)}
.text-btn{border:0;background:none;color:var(--accent,#8b5cf6);padding:8px 0;font-size:13px;font-weight:700}
.text-btn:hover{opacity:.85}
.muted{color:var(--muted,#7c849b);font-size:13.5px;line-height:1.65}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10.5px;font-weight:800;color:var(--accent,#8b5cf6)}
.avatar{width:40px;height:40px;object-fit:cover;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,255,255,.14);background:var(--surface,#181c2c)}
.avatar.letter{display:inline-grid;place-items:center;font-size:16px;font-weight:800;background:linear-gradient(135deg,rgba(139,92,246,.26),rgba(236,72,153,.22));color:#c4b5fd;border:1.5px solid rgba(139,92,246,.35)}
.verified{display:inline-flex;align-items:center;justify-content:center;color:#38bdf8;width:17px;height:17px;flex:0 0 17px;vertical-align:-3px;margin-left:5px;line-height:1}.verified svg{display:block;width:100%;height:100%}
.tag{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.01em;background:rgba(139,92,246,.14);color:#a78bfa;border:1px solid rgba(139,92,246,.24)}
.tag.green{background:rgba(16,185,129,.14);color:#34d399;border-color:rgba(16,185,129,.28)}
.tag.red{background:rgba(244,63,94,.14);color:#fb7185;border-color:rgba(244,63,94,.28)}
.tag.blue{background:rgba(56,189,248,.14);color:#38bdf8;border-color:rgba(56,189,248,.28)}
label{display:grid;gap:7px;font-size:12.5px;font-weight:700;margin:14px 0;color:var(--text)}
input,textarea,select{width:100%;padding:12px 14px;border:1px solid var(--border,#dedbe7);border-radius:12px;background:var(--surface,#fff);color:var(--text,#222034);min-width:0;transition:border-color .18s ease,box-shadow .18s ease}
input:focus,textarea:focus,select:focus{border-color:var(--accent,#8b5cf6);box-shadow:0 0 0 3px rgba(139,92,246,.16)}
textarea{resize:vertical;min-height:92px;line-height:1.55}
input[type=checkbox]{width:auto}
input[type=range]{padding:0;accent-color:var(--accent,#8b5cf6)}
.form-error{color:#fb7185;font-size:12.5px;line-height:1.5;font-weight:600}
.modal{border:1px solid var(--border,rgba(255,255,255,.12));border-radius:22px;padding:0;width:min(460px,calc(100vw - 24px));max-height:90dvh;overflow:auto;color:var(--text,#222034);background:var(--surface,#fff);box-shadow:0 32px 96px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.05)}
.modal.wide{width:min(850px,calc(100vw - 24px))}
.modal::backdrop{background:rgba(5,6,11,.76);backdrop-filter:blur(10px)}
.modal header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border,#e5e1ec);gap:16px}
.modal h2{margin:0;font-size:19px;font-weight:800;letter-spacing:-.03em}
.dialog-body{padding:20px 22px}
.dialog-body form>.btn{width:100%;margin-top:10px}
.empty{padding:56px 24px;text-align:center;color:var(--muted,#77738c)}
.empty h2{color:var(--text,#222034);letter-spacing:-.02em}
#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);background:rgba(18,22,35,.94);backdrop-filter:blur(16px);color:#f8fafc;border:1px solid rgba(139,92,246,.4);border-radius:14px;padding:13px 20px;max-width:min(540px,90vw);z-index:1000;opacity:0;transition:.22s cubic-bezier(.16,1,.3,1);pointer-events:none;font-size:13.5px;font-weight:600;box-shadow:0 20px 50px rgba(0,0,0,.5)}
#toast.show{opacity:1;transform:translate(-50%,0)}
.spin{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Author display rules must not override the semantic hidden attribute. */
[hidden]{display:none!important}

/* Explicit consent is scoped to the displayed versions. */
.legal-consent{border-top:1px solid var(--border,#dedbe7);margin-top:20px;padding-top:12px}
.legal-doc-links{display:flex;flex-wrap:wrap;gap:4px 18px}
.legal-doc-links .text-btn{display:inline-block}
.legal-check{display:flex;align-items:flex-start;gap:10px;line-height:1.65;font-weight:500}
.legal-check input{flex:0 0 auto;width:19px;height:19px;margin-top:3px;accent-color:var(--accent,#8b5cf6)}
.legal-document-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85}
.legal-consent [data-legal-status]{font-size:12px}
.legal-consent [data-retry-legal]{margin-bottom:8px}
#google-button{margin-top:12px;font-size:12px;line-height:1.6;color:var(--muted,#77738c)}
.legal-settings-links{display:flex;flex-wrap:wrap;gap:10px 20px}
.legal-settings-links a{text-decoration:underline}