@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#100e26;--bg2:#1a153a;--surface:#232044;--surface2:#302954;--text:#f8f7ff;--muted:#b5afcf;--line:rgba(255,255,255,.12);--purple:#9e67ff;--pink:#f681df;--green:#5ef2a4;--cyan:#54d5ef;--orange:#ffba64;--shadow:0 18px 55px rgba(7,3,24,.33)}
*{box-sizing:border-box}html{background:#0c0c23}body{margin:0;font-family:Heebo,Arial,system-ui,sans-serif;background:radial-gradient(ellipse at 15% -10%,#49316a 0,transparent 42%),radial-gradient(ellipse at 90% 35%,#22245a 0,transparent 45%),#100e26;color:var(--text);min-height:100vh;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:#b1a0ff}.app-shell{min-height:100vh;max-width:1080px;margin:auto;padding-bottom:calc(100px + env(safe-area-inset-bottom))}.container{padding:0 clamp(15px,4vw,34px)}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:linear-gradient(145deg,#765bff,#d876d8);box-shadow:0 8px 24px #915dff54;font-size:23px}.brand b{display:block;font-size:18px;line-height:1.2}.brand small{color:#bcb6db;font-size:12px}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:40px;height:40px;display:grid;place-items:center;background:#ffffff13;color:white;border:1px solid var(--line);border-radius:13px;font-size:19px}.online-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #5ef2a41b}.status{display:flex;gap:7px;align-items:center;color:#beb8da;font-size:11px;white-space:nowrap}.status.offline .online-dot{background:var(--orange)}.hero{position:relative;overflow:hidden;border-radius:28px;min-height:255px;background:radial-gradient(ellipse at 30% 100%,#fdb56a 0,transparent 34%),linear-gradient(155deg,#2d1a58 3%,#803b8a 49%,#eb8580 80%,#ffc979 100%);box-shadow:var(--shadow);margin:4px 0 22px;padding:25px 25px 20px;isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:43%;background:linear-gradient(0deg,#1a1438,#291a53);clip-path:polygon(0 71%,9% 58%,18% 66%,35% 31%,49% 64%,66% 21%,78% 63%,91% 36%,100% 62%,100% 100%,0 100%)}.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 40%,#fff9b363,transparent 28%)}.hero-content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-trophy{font-size:46px;line-height:1.15;filter:drop-shadow(0 8px 12px #401846)}.hero h1{font-size:clamp(28px,4vw,42px);line-height:1.2;margin:5px 0 0;letter-spacing:-1px;text-shadow:0 2px 18px #301444}.hero-sub{font-size:14px;color:#fff0e9;font-weight:600;margin-top:3px}.hero-quote{max-width:600px;margin:20px auto 0;background:#1a1636cb;border:1px solid #fec2f58c;border-radius:18px;padding:13px 40px 13px 38px;position:relative;font-weight:600;font-size:16px;box-shadow:0 4px 20px #160c2b69}.quote-icon{position:absolute;right:13px;top:10px;font-size:25px;color:#fce868}.quote-edit{position:absolute;left:10px;top:8px;border:0;background:#ffffff19;color:#fff;border-radius:9px;padding:4px 9px;font-size:14px}.intro-row{display:flex;align-items:center;justify-content:space-between;margin:20px 0 13px;gap:8px}.section-title{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:900;margin:0;letter-spacing:-.3px}.section-sub{color:var(--muted);font-size:12px;font-weight:500}.subtle-link{border:0;background:transparent;color:#c8aeff;font-weight:800;padding:6px 0}.leader-list{display:grid;gap:13px}.person-card{display:flex;align-items:center;gap:15px;border-radius:21px;border:1px solid var(--line);padding:16px 16px;background:linear-gradient(125deg,#272044,#1a1936);box-shadow:0 8px 25px #08071c42;text-align:right;color:inherit;transition:transform .15s,border .15s;width:100%}.person-card:hover{transform:translateY(-2px);border-color:#a385eb}.person-card.first{border-color:#5deb7f;box-shadow:inset 0 0 0 1px #32c96f55,0 7px 25px #0b593422}.person-card.second{border-color:#d986ce8c}.person-card.third{border-color:#60cde8a3}.medal{font-size:29px;min-width:33px;text-align:center}.avatar{width:55px;height:55px;min-width:55px;border-radius:50%;border:2px solid #ffffff7a;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,#7355c6,#392c80);box-shadow:0 4px 12px #05031350}.avatar.esther{background:linear-gradient(135deg,#c350a6,#70358c)}.avatar.ori{background:linear-gradient(135deg,#267ab8,#333a93)}.person-info{flex:1;min-width:0}.person-info strong{font-size:19px;line-height:1.3;display:block}.person-info small{display:block;color:#c1b8d9;font-size:12px;margin-top:5px}.delta-line{color:#5ef2a4;font-size:14px;font-weight:900;margin-top:1px}.delta-line.bad{color:#ff9a9c}.delta-line.neutral{color:#c5c0df}.percent-bubble{min-width:93px;text-align:center;padding:9px 9px;border-radius:16px;background:linear-gradient(135deg,#07643e,#08b875);box-shadow:inset 0 1px 0 #ffffff33}.percent-bubble.bad{background:linear-gradient(135deg,#8c3748,#b64b5a)}.percent-bubble.neutral{background:linear-gradient(135deg,#4d4779,#6d5aa0)}.percent-bubble small{display:block;font-size:11px;color:#f4fff8;font-weight:800}.percent-bubble b{font-size:24px;line-height:1.2;display:block;font-weight:900;direction:ltr}.chevron{color:#ddd0ff;font-size:20px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#0f0d25 80%,#100e2600);pointer-events:none}.bottom-nav-inner{max-width:1040px;margin:auto;display:flex;justify-content:space-around;gap:2px;padding:8px 5px;background:linear-gradient(125deg,#262044,#15142e);border:1px solid #ffffff3a;border-radius:25px;box-shadow:0 16px 45px #060412a8;pointer-events:auto}.nav-btn{display:flex;align-items:center;flex-direction:column;gap:3px;flex:1;max-width:160px;background:none;color:#c8c1d7;border:0;border-radius:17px;padding:7px 2px;font-size:11px;font-weight:700}.nav-btn span{font-size:21px;line-height:1.2}.nav-btn.active{color:#dda7ff;background:#ffffff12}.page-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:9px 0 18px}.page-top h1{font-size:clamp(25px,4vw,34px);margin:0}.page-top p{color:var(--muted);margin:3px 0 0}.primary-btn{border:0;border-radius:15px;background:linear-gradient(100deg,#a75dff,#705af8);color:#fff;font-weight:900;padding:13px 20px;box-shadow:0 6px 20px #825ae848;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-btn:hover{filter:brightness(1.12)}.secondary-btn{border:1px solid #ffffff30;border-radius:14px;padding:11px 16px;background:#ffffff12;color:#f7f4ff;font-weight:700}.danger-btn{border:1px solid #ff7b8755;border-radius:12px;padding:9px 12px;background:#b4384133;color:#ffa4ab;font-weight:700}.small-btn{padding:7px 11px;font-size:12px;border-radius:10px}.panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(140deg,#29234c,#1c1a39);padding:20px;box-shadow:0 12px 30px #0b09243d}.panel h2{font-size:19px;margin:0 0 12px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.soft-note{color:#c6bedb;font-size:13px;line-height:1.7}.notice{background:#e9ad4a19;border:1px solid #f1c16d69;color:#ffdfac;border-radius:16px;padding:11px 15px;font-size:13px;margin:12px 0}.demo-bar{background:#f9bb6740;border:1px solid #ffc87b80;color:#fff3d7;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;margin:0 0 15px;font-size:12px}.demo-bar button{border:0;color:#301a29;border-radius:9px;padding:7px 10px;background:#ffddaa;font-weight:900;white-space:nowrap}.profile-hero{border-radius:25px;overflow:hidden;position:relative;padding:20px;background:linear-gradient(135deg,#4e3177,#2a244a 50%,#17494e);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-hero:after{content:'';position:absolute;width:240px;height:240px;right:-50px;bottom:-140px;background:#d2acff22;border-radius:50%;pointer-events:none}.profile-hero h1{font-size:30px;margin:0 0 3px}.profile-hero p{margin:0;color:#d9d1e9;font-size:13px}.profile-hero .avatar{width:75px;height:75px;font-size:35px;min-width:75px}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.stat{padding:15px 8px;background:linear-gradient(145deg,#2a284d,#1d1b3b);border-radius:18px;text-align:center;border:1px solid var(--line)}.stat small{display:block;color:#c4badb;font-size:12px;font-weight:700;margin-bottom:5px}.stat b{display:block;font-size:clamp(20px,5vw,30px);font-weight:900;white-space:nowrap;direction:ltr}.stat b em{font-style:normal;font-weight:500;font-size:12px;color:#c8bad8}.stat.green{background:linear-gradient(145deg,#0b6849,#0f9a6d);border-color:#6afbaf55}.stat.green small{color:#d7ffeb}.stat.red{background:linear-gradient(145deg,#79334d,#a34460)}.message-panel{text-align:center;border-radius:19px;background:linear-gradient(110deg,#c7f4da,#93ddae);color:#17442e;padding:12px 20px;font-size:17px;font-weight:900;margin-bottom:14px}.message-panel.bad{background:linear-gradient(110deg,#ffdacb,#ffcaa0);color:#783c31}.message-panel.neutral{background:linear-gradient(110deg,#ded2ff,#d0d8fb);color:#443268}.chart-panel{margin-bottom:14px}.chart-wrap{width:100%;overflow:auto}.chart-wrap svg{width:100%;height:auto;display:block;min-width:320px}.chart-empty{height:150px;display:grid;place-items:center;text-align:center;color:#b8afd7}.table-wrap{overflow:auto;border-radius:13px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th,td{padding:10px 9px;text-align:right;border-bottom:1px solid #ffffff16}th{background:#f4eefe12;color:#ddd4fb;font-size:12px}tr:last-child td{border-bottom:0}.gain{color:#ff9b9b;font-weight:800}.loss{color:#6df1ab;font-weight:800}.muted{color:#aca6c9}.tiny-actions{display:flex;gap:5px}.mini-icon{background:#ffffff15;color:#eee;border:0;padding:5px 8px;border-radius:8px}.mini-icon.danger{color:#ff9ca5}.profile-tools{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:10px 0 16px;flex-wrap:wrap}.goal-label{color:#b6afd1;font-size:12px}.chip-row{display:flex;gap:8px;overflow:auto;padding:0 0 8px;scrollbar-width:none}.chip{border:1px solid #ffffff28;background:#ffffff0b;color:#d4cdea;padding:8px 14px;border-radius:20px;font-size:13px;white-space:nowrap}.chip.active{background:linear-gradient(100deg,#b56afa,#6d5af5);color:white;border-color:transparent;font-weight:800}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.content-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff24;border-radius:22px;background:linear-gradient(125deg,#30254f,#1e1e3c);min-height:190px}.content-art{min-height:110px;display:grid;place-items:center;font-size:55px;position:relative;background:linear-gradient(135deg,#514b88,#2d1947)}.content-art.food{background:linear-gradient(135deg,#7e476e,#b76b7b)}.content-art.activity{background:linear-gradient(135deg,#225b7b,#447bb3)}.content-art.motivation{background:linear-gradient(135deg,#50317a,#b354ad)}.content-art.calculator{background:linear-gradient(135deg,#326d72,#427a8b)}.content-art img{width:100%;height:150px;object-fit:cover}.content-art video{width:100%;max-height:170px;object-fit:cover}.content-card-inner{padding:15px;flex:1;display:flex;flex-direction:column;gap:5px}.content-card strong{font-size:17px;line-height:1.3}.content-card p{margin:3px 0 8px;color:#beb7d2;font-size:12px;line-height:1.55;flex:1}.tag{font-size:11px;color:#bfb2ff;font-weight:800}.content-card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:5px}.content-card-actions button{border:0;background:none;color:#c7b5fa;font-size:12px;font-weight:800;padding:2px}.article-body{white-space:pre-wrap;line-height:1.85;color:#ebe6f6}.calculator-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.field label{font-size:13px;color:#d7ceee;font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid #77709380;border-radius:12px;padding:12px 13px;outline:0;background:#17162e;color:#fff;color-scheme:dark;min-width:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:#bb92ff;box-shadow:0 0 0 3px #ad83ed22}.field textarea{resize:vertical;min-height:92px}.field input[type=file]{font-size:12px}.form-help{color:#a89fbe;font-size:11px;line-height:1.45}.calc-result{padding:14px;border:1px solid #76d9b880;border-radius:15px;background:#1476532b;text-align:center;margin-top:10px}.calc-result b{font-size:27px;display:block;direction:ltr;color:#75ffc3}.rank-bar{height:14px;border-radius:50px;background:#ffffff1a;overflow:hidden;margin-top:8px}.rank-fill{height:100%;border-radius:50px;background:linear-gradient(90deg,#8ee8ff,#56f1ac)}.rank-row{margin:13px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:#ffffff08}.rank-head{display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:15px;font-weight:800}.settings-section{margin-bottom:13px}.settings-section p{margin:3px 0 12px}.back-btn{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:#d6c3ff;font-weight:800;margin:7px 0 13px;padding:5px 0}.empty{padding:28px 14px;border:1px dashed #9186ba8f;border-radius:18px;color:#c7bbdf;text-align:center}.empty .symbol{font-size:31px}.empty b{display:block;color:#eae4fc;font-size:16px}.empty p{margin:7px auto 0;max-width:350px;font-size:13px}.modal-overlay{position:fixed;z-index:80;inset:0;background:#080617ca;display:flex;justify-content:center;align-items:center;padding:14px;overflow:auto;backdrop-filter:blur(6px)}.modal{background:linear-gradient(145deg,#30284e,#1c1a36);border:1px solid #ffffff3a;border-radius:24px;width:min(520px,100%);max-height:min(90vh,900px);overflow:auto;box-shadow:0 25px 90px #000c;padding:23px}.modal-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.modal-head h2{font-size:23px;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px;flex-wrap:wrap}.info-detail{background:#ffffff0e;border:1px solid var(--line);padding:12px;border-radius:15px;color:#cec5e1;font-size:12px}.btn-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.footer-note{color:#8f88ac;font-size:11px;text-align:center;margin:25px 0 10px}#toast{position:fixed;z-index:200;top:15px;left:50%;transform:translateX(-50%) translateY(-120px);background:#f5efff;color:#30264b;border-radius:14px;padding:12px 18px;box-shadow:0 12px 38px #08031d8c;font-size:13px;font-weight:900;transition:transform .25s;max-width:min(90vw,550px);text-align:center}#toast.show{transform:translateX(-50%) translateY(0)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full-width{grid-column:1/-1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:780px){.person-card{padding:20px}.leader-list{grid-template-columns:repeat(3,1fr)}.person-card{flex-wrap:wrap;position:relative;align-content:space-between}.person-info{flex-basis:calc(100% - 120px)}.percent-bubble{width:100%;margin-top:5px}.person-card .chevron{position:absolute;left:15px;top:23px}.hero{min-height:290px;padding:38px}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-main{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.profile-main>*{min-width:0}.profile-main .chart-panel{grid-column:1}.profile-main .history-panel{grid-column:2;grid-row:1/3}.profile-main .add-panel{grid-column:1}}
@media(max-width:490px){.brand b{font-size:15px}.brand small{font-size:10px}.topbar{height:68px}.hero{min-height:245px;padding:22px 14px}.hero h1{font-size:30px}.hero-quote{font-size:14px;padding:12px 37px 12px 28px}.person-card{gap:10px;padding:13px 11px}.medal{font-size:23px;min-width:25px}.avatar{width:43px;height:43px;min-width:43px;font-size:20px}.person-info strong{font-size:16px}.person-info small{font-size:11px}.percent-bubble{min-width:77px}.percent-bubble b{font-size:21px}.content-grid{grid-template-columns:1fr 1fr;gap:10px}.content-card{min-height:165px}.content-art{min-height:88px;font-size:43px}.content-card-inner{padding:11px}.content-card strong{font-size:14px}.content-card p{font-size:11px}.grid-two{grid-template-columns:1fr}.profile-hero h1{font-size:26px}.profile-hero .avatar{width:62px;height:62px;min-width:62px}.page-top{align-items:start}.page-top h1{font-size:25px}.page-top .primary-btn{font-size:12px;padding:11px}.demo-bar{align-items:start}.settings-grid{grid-template-columns:1fr}.calculator-form{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Light, high-contrast progress cards echo the approved preview. */
.profile-main .chart-panel,.profile-main .history-panel{background:linear-gradient(148deg,#f0eeff,#d9dcfa);color:#292250;border-color:#ffffffb0;box-shadow:0 15px 38px #0005}
.profile-main .chart-panel h2,.profile-main .history-panel h2{color:#24204d}
.profile-main .history-panel .table-wrap{border-color:#a9a4c96b}
.profile-main .history-panel th{background:#baaee65c;color:#3f3665}
.profile-main .history-panel td{color:#3e365e;border-bottom-color:#aaa5d050}
.profile-main .history-panel .loss{color:#0c8660}.profile-main .history-panel .gain{color:#c24657}
.profile-main .history-panel .mini-icon{background:#d6d1ee;color:#39305f}
.profile-main .history-panel .mini-icon.danger{color:#bf465b}
.profile-main .history-panel .form-help{color:#5f547c}

/* V2: Member management, avatar customization and safe archival */
.avatar.avatar-violet{background:linear-gradient(135deg,#8c60e4,#443095)}
.avatar.avatar-rose{background:linear-gradient(135deg,#f174c6,#893e9e)}
.avatar.avatar-sky{background:linear-gradient(135deg,#46bfe7,#3e5bb3)}
.avatar.avatar-mint{background:linear-gradient(135deg,#40dba7,#176d73)}
.avatar.avatar-gold{background:linear-gradient(135deg,#ffdc75,#d08b41)}
.avatar.avatar-sunset{background:linear-gradient(135deg,#ff996f,#bc4a92)}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.manage-teaser{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1px solid #bc9dff64;border-radius:20px;background:linear-gradient(120deg,#332859,#1f2e4c);padding:16px 18px;margin:16px 0 5px}
.manage-teaser b{font-size:17px;color:#f8efff}.manage-teaser p{margin:4px 0 0;color:#c8bfde;font-size:12px;line-height:1.6}
.manager-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:8px 0 15px;background:#7959d92a;border:1px solid #a783f64a;padding:12px 17px;border-radius:15px}
.manager-summary b{color:#eddbff}.manager-summary span{font-size:12px;color:#bfb4dc}
.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.member-tile{border:1px solid #b8a6ff55;border-radius:22px;background:linear-gradient(145deg,#32294f,#1e1b3b);padding:16px;box-shadow:0 10px 25px #09041d44}
.member-top{display:flex;align-items:center;gap:12px}.member-top .avatar{width:62px;height:62px;min-width:62px;font-size:29px}.member-top>div{min-width:0;flex:1}.member-top strong{font-size:18px;display:block;line-height:1.4}.member-top small{display:block;color:#b8accf;font-size:11px}
.member-live{display:inline-flex;background:#157a554d;border:1px solid #67efaf66;color:#8df5c5;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:800;white-space:nowrap}
.member-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.member-buttons .secondary-btn{padding:9px 11px;font-size:12px}.quiet-danger{background:transparent;border:0;color:#e2b0bd;font-size:12px;padding:9px 6px}
.archive-section{margin-top:18px}.archive-row{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff1c;padding:12px 0}.archive-row>b{flex:1}.archive-row .avatar{width:38px;height:38px;min-width:38px;font-size:19px}.archive-row .secondary-btn{font-size:12px}
.member-modal-preview{display:flex;align-items:center;gap:12px;margin-bottom:19px;padding:13px;background:linear-gradient(120deg,#5e3d8e,#252f61);border:1px solid #bc9fff66;border-radius:17px}.member-modal-preview .avatar{width:65px;height:65px;min-width:65px;font-size:32px}.member-modal-preview b{display:block;font-size:17px}.member-modal-preview small{font-size:12px;color:#ddd2f3}
.icon-picker,.color-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;border-radius:15px;background:#13122b9c;border:1px solid #ffffff21;padding:10px}
.icon-choice,.color-choice{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.icon-choice input,.color-choice input{position:absolute;opacity:0;width:1px;height:1px}
.icon-choice span{font-size:26px;display:grid;place-items:center;aspect-ratio:1;width:100%;max-width:54px;border-radius:12px;border:2px solid transparent;background:#ffffff0a;transition:transform .15s,border .15s}
.icon-choice input:checked+span{background:#9f75ff40;border-color:#d3b4ff;transform:scale(1.07);box-shadow:0 0 0 2px #8d61e72d}
.icon-choice input:focus-visible+span,.color-choice input:focus-visible+span{outline:3px solid #fff;outline-offset:3px}
.color-picker{grid-template-columns:repeat(6,minmax(0,1fr))}
.color-choice span{display:block;width:34px;height:34px;border-radius:50%;border:2px solid #ffffff55;box-shadow:0 1px 8px #0005}
.color-choice input:checked+span{border:3px solid white;box-shadow:0 0 0 3px #947cf6}
.color-choice small{font-size:10px;color:#d5cae8}
.member-remove{font-size:12px;color:#d9cfe9;display:flex;align-items:center;gap:8px}
@media(max-width:700px){.member-grid{grid-template-columns:1fr}}
@media(max-width:490px){.icon-picker{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:7px}.icon-choice span{font-size:23px;border-radius:9px}.color-choice span{width:28px;height:28px}.color-choice small{font-size:9px}.member-top strong{font-size:16px}.member-buttons .secondary-btn{font-size:11px;padding:8px}}