:root{--font-geist-sans:"Segoe UI", Roboto, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--font-geist-mono:"Cascadia Mono", "SFMono-Regular", Consolas, ui-monospace, monospace;--background:#f6f2e9;--background-strong:#fffaf0;--foreground:#171612;--muted:#6f695f;--line:#1716121f;--panel:#ffffffb8;--primary:#18a55f;--primary-dark:#087944;--blue:#387df2;--pink:#f75f9d;--yellow:#f9cf3f;--orange:#ff8a4d;--shadow:0 20px 55px #2f28161f;--soft-shadow:0 10px 30px #2f28161a}*{box-sizing:border-box}html{background:radial-gradient(circle at 12% 10%, #40c77a2e, transparent 32%), radial-gradient(circle at 85% 4%, #f9cf3f33, transparent 30%), var(--background);min-height:100%}body{min-height:100vh;color:var(--foreground);font-family:var(--font-geist-sans), "Geist", "Geist Fallback", ui-sans-serif, system-ui, sans-serif;background:0 0;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}.app-shell{width:100%;min-height:100svh;padding:22px}.start-shell,.empty-shell{place-items:center;display:grid}.start-panel,.missing-panel,.group-stage{width:min(100%,440px);margin:0 auto}.group-shell{display:block}.group-stage{gap:16px;display:grid}.start-panel,.missing-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffaf0db;border-radius:28px;padding:20px}.brand-row,.app-header,.section-heading,.header-actions,.secondary-actions,.add-name-row{align-items:center;display:flex}.brand-row{gap:14px;margin-bottom:24px}.brand-mark{color:#0d5d39;background:linear-gradient(135deg, var(--yellow), #9fe870 52%, #62dbff);border-radius:18px;flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 14px 28px #18a55f3d}.eyebrow{color:var(--primary-dark);letter-spacing:0;margin:0 0 4px;font-size:.82rem;font-weight:800;display:inline-block}.eyebrow-link{cursor:pointer;background:#18a55f1a;border-radius:999px;align-items:center;gap:4px;margin-left:-8px;padding:4px 10px 4px 8px;transition:background .16s;display:inline-flex}.eyebrow-link:hover{background:#18a55f33}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(2.08rem,12vw,3.55rem);line-height:.94}.app-header h1{font-size:clamp(2rem,13vw,3.7rem)}h2{letter-spacing:0;margin-bottom:0;font-size:1.18rem}.create-form,.field,.history-list{display:grid}.create-form{gap:18px}.field{gap:8px}.field span,.section-heading span,.empty-state,.active-person span,.history-item span{color:var(--muted);font-size:.9rem}.field>span{font-weight:700}.field.compact{gap:6px}input,select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--foreground);background:#ffffffd1;border-radius:16px;outline:none;padding:0 14px;transition:border-color .16s,box-shadow .16s,background .16s}input:focus,select:focus{background:#fff;border-color:#387df2a6;box-shadow:0 0 0 4px #387df21f}.suggestion-row,.name-chip-grid{flex-wrap:wrap;gap:8px;display:flex}.pill,.name-chip{border:1px solid var(--line);min-height:36px;color:var(--foreground);background:#ffffffb3;border-radius:999px;padding:0 12px;font-size:.9rem;font-weight:700}.pill.active{color:#075f36;background:#dff8e9;border-color:#18a55f73}.name-chip{align-items:center;gap:7px;display:inline-flex}.name-chip span{color:#2d2608;background:#ffdf6e;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.78rem;display:grid}.start-preview{background:#edfff4;border:1px solid #18a55f33;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;padding:14px;display:grid}.start-preview strong{grid-column:2}.primary-button,.secondary-button,.icon-button,.ghost-icon-button{letter-spacing:0;border:0;justify-content:center;align-items:center;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--primary), #34d4c8);color:#062817;border-radius:20px;gap:10px;width:100%;min-height:58px;font-weight:900;box-shadow:0 16px 35px #18a55f42}.primary-button:hover{transform:translateY(-1px)}.icon-button{border:1px solid var(--line);width:46px;height:46px;color:var(--foreground);background:#ffffffb8;border-radius:16px;flex:0 0 46px}.ghost-icon-button{width:34px;height:34px;color:var(--muted);background:0 0;border-radius:12px;flex:0 0 34px}.ghost-icon-button:hover{color:var(--foreground);background:#1716120f}.add-name-row{gap:8px}.add-button{color:#5e4200;background:#fff4c7}.app-header{justify-content:space-between;gap:12px;padding:2px 0 4px}.app-header-title{flex:auto;min-width:0}.app-header-title h1{overflow-wrap:anywhere}.back-button{flex:0 0 46px}.header-actions{gap:8px}.settings-panel,.manage-panel,.history-panel{border:1px solid var(--line);box-shadow:var(--soft-shadow);background:#fff9;border-radius:22px;gap:12px;padding:14px;display:grid}.settings-panel{grid-template-columns:1fr}.active-person{background:linear-gradient(135deg, #ffffffd6, #dff8e9d1), var(--background-strong);min-height:154px;box-shadow:var(--shadow);border:1px solid #18a55f3d;border-radius:30px;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:18px;display:grid}@media (prefers-reduced-motion:no-preference){.active-person{animation:.36s cubic-bezier(.34,1.56,.64,1) pop}}@keyframes pop{0%{opacity:.6;transform:scale(.96)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.active-person p{letter-spacing:0;margin-bottom:8px;font-size:clamp(2.2rem,12vw,4rem);font-weight:900;line-height:.95}.active-avatar,.participant-avatar{background:var(--person-color);color:#14110a;border-radius:50%;place-items:center;font-weight:950;display:grid}.active-avatar{width:92px;height:92px;box-shadow:0 0 0 8px #ffffffc2, 0 0 0 12px color-mix(in srgb, var(--person-color), transparent 62%);font-size:2.4rem}.participant-strip{gap:10px;padding:3px 2px 8px;display:grid}.participant-card{border:1px solid var(--line);background:#ffffffb3;border-radius:20px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:12px 12px 12px 8px;display:grid;box-shadow:0 10px 24px #2f281612}.participant-card.active{min-height:84px}.participant-card.active .participant-avatar{flex-basis:46px;width:46px;height:46px;font-size:1.05rem}.participant-card.active input{font-size:1.05rem}.participant-card.active{border-color:color-mix(in srgb, var(--person-color), black 14%);background:color-mix(in srgb, var(--person-color), white 78%);box-shadow:0 12px 28px color-mix(in srgb, var(--person-color), transparent 72%)}.participant-card.dragging{opacity:.84}.participant-card input{background:#ffffff73;border:0;border-radius:12px;min-height:40px;padding:0 8px;font-weight:800}.participant-avatar{flex:0 0 38px;width:38px;height:38px}.drag-handle{width:28px;height:42px;color:var(--muted);touch-action:none;background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.action-zone{gap:10px;display:grid}.action-button{border-radius:22px;min-height:66px;font-size:1.04rem}.secondary-actions{flex-wrap:wrap;gap:8px}.secondary-button{border:1px solid var(--line);min-height:46px;color:var(--foreground);background:#ffffffb8;border-radius:16px;gap:8px;padding:0 13px;font-weight:800}.undo-button{color:#143e87;background:#e8f0ff}.reason-select{flex:128px;min-width:128px}.reason-select select,.reason-select input{color:#6b330a;background:#fff2e8;border-radius:16px;min-height:46px;font-weight:800}.section-heading{justify-content:space-between;gap:12px}.section-heading span{background:#17161214;border-radius:999px;place-items:center;min-width:30px;height:30px;font-weight:800;display:grid}.history-list{gap:8px;margin:0;padding:0;list-style:none}.history-item{background:#ffffff94;border:1px solid #17161214;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:58px;padding:10px 8px 10px 12px;display:grid}.history-item div{gap:3px;display:grid}.history-item strong{font-size:.96rem}.empty-state{margin-bottom:0;padding:10px 2px 2px}.saved-groups{gap:12px;margin-bottom:22px;display:grid}.saved-groups-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.saved-group-item{grid-template-columns:1fr auto;align-items:stretch;gap:6px;display:grid}.saved-group-row{border:1px solid var(--line);min-height:60px;color:var(--foreground);background:#ffffffb3;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 14px;display:grid;box-shadow:0 8px 18px #2f28160f}.saved-group-row>div{gap:2px;display:grid}.saved-group-row strong{font-size:1.02rem;font-weight:800}.saved-group-row span{color:var(--muted);font-size:.88rem}.create-toggle{margin-top:4px}.create-heading{color:var(--muted);margin:0 0 -2px;font-size:.9rem;font-weight:700}.form-error{color:#8a1414;background:#ff464614;border:1px solid #ff464652;border-radius:14px;margin:0;padding:10px 14px;font-size:.92rem;font-weight:700}.app-footer{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:18px 22px 26px;font-size:.86rem;display:flex}.app-footer a{color:var(--muted);font-weight:700}.app-footer a:hover{color:var(--foreground)}.legal-shell{justify-content:center;display:flex}.legal-panel{border:1px solid var(--line);width:min(100%,720px);box-shadow:var(--soft-shadow);color:var(--foreground);background:#fffaf0db;border-radius:24px;margin:0 auto;padding:24px 22px 28px;line-height:1.55}.legal-panel h1{margin-bottom:8px;font-size:clamp(1.8rem,6vw,2.4rem)}.legal-panel .legal-subtitle{color:var(--muted);margin:0 0 24px;font-weight:700}.legal-panel h2{margin:28px 0 8px;font-size:1.08rem}.legal-panel h3{margin:18px 0 6px;font-size:.98rem;font-weight:800}.legal-panel p,.legal-panel ul{margin:0 0 12px}.legal-panel ul{padding-left:20px}.legal-panel li{margin-bottom:6px}.legal-panel code{font-family:var(--font-geist-mono);background:#17161214;border-radius:6px;padding:1px 6px;font-size:.86em}.legal-back{color:var(--muted);align-items:center;gap:6px;margin-bottom:18px;font-size:.88rem;font-weight:700;display:inline-flex}.legal-back:hover{color:var(--foreground)}.modal-overlay{z-index:100;background:#1716128c;place-items:center;padding:20px;animation:.16s fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--background-strong);width:min(100%,420px);box-shadow:var(--shadow);border-radius:28px;padding:26px 24px 22px;position:relative}.modal h2{margin:0 0 16px;font-size:1.25rem}.modal-close{position:absolute;top:12px;right:12px}.qr-image{background:#fffaf0;border-radius:18px;width:100%;max-width:320px;margin:0 auto 14px;display:block}.modal-hint{color:var(--muted);text-align:center;margin:0;font-size:.9rem}.modal-body{color:var(--muted);margin:0 0 18px;font-size:.94rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-section{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 8px;font-size:.86rem;font-weight:800}.symbol-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.symbol-button{aspect-ratio:1;border:1px solid var(--line);background:#ffffffb3;border-radius:12px;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.symbol-button.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary), white 80%)}.color-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.color-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:50%}.color-swatch.active{border-color:var(--foreground);box-shadow:0 0 0 3px #ffffffd9}.avatar-button{cursor:pointer;font:inherit;border:0;padding:0}.avatar-button:hover{filter:brightness(1.05)}.theme-grid{gap:10px;display:flex}.theme-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:36px;height:36px}.theme-swatch.active{border-color:var(--foreground);box-shadow:0 0 0 3px #ffffffd9}.danger-button{color:#fff!important;background:linear-gradient(135deg,#e84d4d,#ff7a4d)!important;box-shadow:0 12px 26px #e84d4d47!important}.theme-fresh{--primary:#18a55f;--primary-dark:#087944}.theme-ocean{--primary:#387df2;--primary-dark:#1e5bbd}.theme-sunset{--primary:#f75f9d;--primary-dark:#c63a78}.theme-lavender{--primary:#8b7cf6;--primary-dark:#6452d1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.saved-group-row{transition:transform .16s,background .16s,box-shadow .16s}.saved-group-row:hover{background:#fff;transform:translateY(-1px)}}.group-loading{min-height:70svh;color:var(--muted);place-items:center;display:grid}.missing-panel{gap:18px;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:860px){.app-shell{padding:36px}.group-stage{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;width:min(100%,1040px)}.app-header,.settings-panel,.active-person,.participant-strip,.action-zone,.manage-panel{grid-column:1}.history-panel{grid-area:1/2/span 6;position:sticky;top:36px}.settings-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.active-person{grid-template-columns:auto 1fr;min-height:230px}.active-avatar{width:124px;height:124px;font-size:3.2rem}}@media (max-width:390px){.app-shell{padding:14px}.active-person{grid-template-columns:1fr}.active-avatar{width:82px;height:82px}}@media (prefers-reduced-motion:no-preference){.primary-button,.icon-button,.secondary-button,.participant-card{transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}.icon-button:hover,.secondary-button:hover,.participant-card:hover{transform:translateY(-1px)}}