@charset "UTF-8";:root{--bg: #F7F7F8;--surface: #FFFFFF;--ink: #1E2228;--mut: #6B7280;--line: #E6E8EB;--accA: #4C7DF0;--accB: #8B5CF6;--grad: linear-gradient(135deg, #4C7DF0, #8B5CF6);--soft: #EEF2FD;--danger: #C0453C;--ease: cubic-bezier(.22, 1, .36, 1);--shadow-sm: 0 1px 2px rgba(30, 34, 40, .04), 0 6px 20px rgba(30, 34, 40, .06);--shadow-md: 0 10px 30px rgba(30, 34, 40, .1);--shadow-lg: 0 24px 60px rgba(16, 18, 22, .28);--card-border: transparent;--fill: rgba(30, 34, 40, .045)}body[data-theme=dark]{--bg: #101216;--surface: #16191F;--ink: #E9EBEE;--mut: #99A0AA;--line: #272B33;--soft: #1C2233;--shadow-sm: none;--shadow-md: 0 10px 30px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .5);--card-border: var(--line);--fill: rgba(233, 235, 238, .055)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}html{scroll-behavior:smooth}body{font-family:Manrope,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accA);text-decoration:none}a:hover{color:var(--accB)}input,button,textarea{font-family:inherit}h1,h2,h3,p{margin:0}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}.page{animation:rise-in .35s var(--ease) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--accA);outline-offset:2px;border-radius:4px}.btn:focus-visible,.field:focus-visible,.seg>span:focus-visible{border-radius:inherit}.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{font-family:inherit;font-size:14px;font-weight:700;border-radius:12px;padding:11px 22px;cursor:pointer;border:1px solid transparent;transition:opacity .2s var(--ease),transform .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease),box-shadow .25s var(--ease);white-space:nowrap}.btn:disabled{opacity:.55;cursor:default}.btn:not(:disabled):active{transform:translateY(0) scale(.97);transition-duration:.08s}.btn-primary{border:none;background:var(--grad);color:#fff}.btn-primary:not(:disabled):hover{opacity:.94;transform:translateY(-1px);box-shadow:0 8px 20px color-mix(in srgb,var(--accA) 30%,transparent)}.btn-ghost{border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-ghost:not(:disabled):hover{border-color:var(--accA);color:var(--accA)}.btn-soft{border:1px solid var(--line);background:transparent;color:var(--accA)}.btn-soft:not(:disabled):hover{border-color:var(--accA);background:var(--soft)}.field{width:100%;box-sizing:border-box;border:1px solid transparent;border-radius:12px;padding:11px 14px;font-size:14px;background:var(--fill);color:var(--ink);outline:none;transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}.field:focus{border-color:var(--accA);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accA) 13%,transparent)}.field::placeholder{color:var(--mut)}.card{background:var(--surface);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--shadow-sm)}.seg{display:inline-flex;align-items:center;border-radius:12px;padding:3px;background:var(--fill)}.seg>span{padding:6px 14px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;color:var(--mut);transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}.seg>span.active{background:var(--surface);color:var(--accA);box-shadow:var(--shadow-sm)}body[data-theme=dark] .seg>span.active{background:var(--soft)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.empty-state{border:1.5px dashed var(--line);border-radius:16px;padding:64px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.field-error{color:var(--danger);font-size:12.5px;font-weight:600}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.spin{width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon{flex:none;display:inline-block;width:18px;height:18px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.icon--members{-webkit-mask-image:url(/icons/nav-friends.svg);mask-image:url(/icons/nav-friends.svg)}.icon--edit{-webkit-mask-image:url(/icons/edit.svg);mask-image:url(/icons/edit.svg)}.icon--trash{-webkit-mask-image:url(/icons/trash.svg);mask-image:url(/icons/trash.svg)}.icon--logout{-webkit-mask-image:url(/icons/logout.svg);mask-image:url(/icons/logout.svg)}.icon--close{-webkit-mask-image:url(/icons/close.svg);mask-image:url(/icons/close.svg)}.icon--sparkle{-webkit-mask-image:url(/icons/sparkle.svg);mask-image:url(/icons/sparkle.svg)}.icon--fork{-webkit-mask-image:url(/icons/fork.svg);mask-image:url(/icons/fork.svg)}