.app-demo{color:var(--color-text-primary);min-height:calc(100vh - 73px)}.app-demo-main{display:grid;grid-gap:var(--space-5);gap:var(--space-5);margin:0 auto;max-width:820px;padding:var(--space-6) var(--space-4) var(--space-10)}.app-demo-greeting h1{font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.1;margin:0}.app-demo-next-draw{align-items:center;background:radial-gradient(circle at 88% 10%,rgb(255 243 207/.14),transparent 14rem),linear-gradient(135deg,var(--color-brand-night),var(--color-brand-midnight) 68%,#24254c);border:1px solid rgb(255 243 207/.12);border-radius:var(--radius-md);box-shadow:var(--shadow-night);color:#fff8e8;display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;padding:var(--space-5)}.app-demo-next-draw h2{font-size:clamp(1.4rem,3.5vw,1.8rem);line-height:1.1;margin:var(--space-1) 0 var(--space-2)}.app-demo-draw-meta{color:#d9deea;font-size:.92rem;line-height:1.45;margin:0}.app-demo-draw-status{display:grid;grid-gap:var(--space-2);gap:var(--space-2);justify-items:end;text-align:right}.app-demo-draw-group{color:#d9deea;font-size:.88rem;font-weight:700}.app-demo-numbers{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.app-demo-section-header{align-items:baseline;display:flex;gap:var(--space-4);justify-content:space-between}.app-demo-section-header h2{font-size:1.4rem;line-height:1.2;margin:0}.app-demo-add-btn{background:linear-gradient(135deg,#dca64c,#f7d894);border:0;border-radius:var(--radius-md);box-shadow:0 8px 20px rgb(220 166 76/.18);color:#151017;cursor:pointer;font-weight:900;min-height:44px;padding:var(--space-3) var(--space-4);white-space:nowrap}.app-demo-add-btn:focus-visible,.app-demo-add-btn:hover{box-shadow:0 10px 28px rgb(220 166 76/.28);outline:none}.app-demo-add-form-card{background:radial-gradient(circle at 88% 12%,rgb(255 243 207/.12),transparent 10rem),linear-gradient(135deg,#111734,#2b2f58);border:1px solid rgb(255 243 207/.12);border-radius:var(--radius-md);color:#f8f3e7;display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-5)}.app-demo-add-form-card h3{font-size:1.2rem;line-height:1.2;margin:0}.app-demo-add-form{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.app-demo-add-form label{color:#f8f3e7;display:grid;font-size:.9rem;font-weight:800;grid-gap:var(--space-2);gap:var(--space-2)}.app-demo-add-form input,.app-demo-add-form textarea{background:#fffaf0;border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font:inherit;min-height:44px;padding:var(--space-3);width:100%}.app-demo-add-form textarea{line-height:1.5;resize:vertical}.app-demo-visibility-field{border:1px solid rgb(255 243 207/.15);border-radius:var(--radius-md);display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding:var(--space-3)}.app-demo-visibility-field legend{color:#f8f3e7;font-size:.9rem;font-weight:800;padding:0 var(--space-2)}.app-demo-radio-row{align-items:center;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:var(--space-2)}.app-demo-radio-row input[type=radio]{accent-color:#f3cf86;flex:0 0 auto;height:1.1rem;min-height:0;width:1.1rem}.app-demo-save-btn{background:linear-gradient(135deg,#dca64c,#f7d894);border:0;border-radius:var(--radius-md);color:#111827;cursor:pointer;font-weight:900;min-height:44px;padding:var(--space-3) var(--space-4)}.app-demo-set-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.app-demo-set-card{background:radial-gradient(circle at 90% 0,rgb(220 166 76/.1),transparent 9rem),var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4)}.app-demo-set-card h3{font-size:1.05rem;line-height:1.25;margin:0}.app-demo-set-meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.82rem;font-weight:800;gap:var(--space-2)}.app-demo-local-tag{background:var(--color-brand-soft);border:1px solid rgb(141 98 35/.16);border-radius:999px;color:var(--color-text-gold);font-size:.75rem;padding:var(--space-1) var(--space-2)}.app-demo-set-note{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.app-demo-group{background:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-5)}.app-demo-group h2{font-size:1.2rem;line-height:1.2;margin:0}.app-demo-group-members{display:flex;flex-wrap:wrap;gap:var(--space-4)}.app-demo-member{align-items:center;display:flex;font-weight:700;gap:var(--space-2)}.app-demo-member-avatar{align-items:center;background:radial-gradient(circle at 50% 50%,#fff7df 0 28%,transparent 29%),var(--color-brand-soft);border:1px solid var(--color-border-default);border-radius:999px;color:var(--color-text-gold);display:inline-flex;font-size:.82rem;font-weight:900;height:2.25rem;justify-content:center;min-width:2.25rem;padding:0 var(--space-1)}.app-demo-notice{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5;margin:0;text-align:center}.app-demo-reset-link{background:none;border:none;color:var(--color-text-gold);cursor:pointer;font-size:.85rem;font-weight:700;margin-left:var(--space-2);padding:0;text-decoration:underline}.member-label{font-size:.78rem;letter-spacing:0;margin:0;text-transform:uppercase}.member-label,.member-pill{color:var(--color-text-gold);font-weight:900}.member-pill{align-items:center;background:var(--color-brand-soft);border:1px solid rgb(141 98 35/.16);border-radius:999px;display:inline-flex;font-size:.82rem;justify-content:center;line-height:1.2;padding:var(--space-2) var(--space-3);text-align:center;width:-moz-fit-content;width:fit-content}.number-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.number-row span{background:#fffaf0;border:1px solid var(--color-border-default);border-radius:999px;color:#172026;height:2.25rem;line-height:1;width:2.25rem}.inline-story-link,.number-row span{align-items:center;display:inline-flex;font-weight:900;justify-content:center}.inline-story-link{background:var(--color-brand-soft);border:1px solid rgb(141 98 35/.16);border-radius:var(--radius-md);color:var(--color-text-gold);font-size:.86rem;min-height:38px;padding:var(--space-2) var(--space-3);width:-moz-fit-content;width:fit-content}.form-status{background:rgb(255 243 207/.12);border:1px solid rgb(255 243 207/.2);border-radius:var(--radius-md);color:#fff3cf;font-size:.9rem;font-weight:800;line-height:1.4;margin:0;padding:var(--space-3)}.form-status-muted{background:var(--color-brand-soft);border-color:rgb(141 98 35/.16);color:var(--color-text-gold)}@media (max-width:720px){.app-demo-main{gap:var(--space-4);padding:var(--space-4) var(--space-3) var(--space-8)}.app-demo-next-draw{grid-template-columns:1fr;padding:var(--space-4)}.app-demo-draw-status{justify-items:start;text-align:left}.app-demo-section-header{flex-direction:column;gap:var(--space-3)}.app-demo-set-grid{grid-template-columns:1fr}.app-demo-add-form-card{padding:var(--space-4)}}.member-app{background:radial-gradient(circle at 20% 8%,rgb(220 166 76/.28),transparent 28rem),radial-gradient(circle at 70% 12%,rgb(255 243 207/.1),transparent 20rem),linear-gradient(135deg,#070a17,#121a36 42%,#eee8dc 0,#eee8dc);color:var(--color-text-primary);display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 73px)}.member-sidebar{background:radial-gradient(circle at 30% 8%,rgb(220 166 76/.18),transparent 13rem),linear-gradient(180deg,#090c1a,#171d3a);color:#f8f3e7;display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-6)}.member-brand{align-items:center;display:inline-flex;font-size:1.05rem;font-weight:900;gap:var(--space-2)}.member-brand-mark{border-radius:999px;display:block;flex:0 0 auto;height:2.125rem;width:2.125rem}.member-nav{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.member-nav a{border-radius:var(--radius-md);color:#d9deea;font-weight:800;padding:var(--space-3)}.member-nav a:focus-visible,.member-nav a:hover{background:rgb(255 243 207/.1);color:#fff3cf;outline:none}.member-sidebar-note{background:rgb(255 243 207/.08);border:1px solid rgb(255 243 207/.12);border-radius:var(--radius-md);margin-top:auto;padding:var(--space-4)}.dashboard-card p,.member-hero p,.member-sidebar-note p,.number-set-card p{line-height:1.6;margin:0}.member-sidebar .member-label{color:#f4c46f}.member-main{min-width:0;padding:var(--space-6)}.member-hero,.member-main{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.member-hero{align-items:end;color:#f8f3e7;grid-template-columns:minmax(0,1fr) minmax(280px,360px);min-height:300px;padding:var(--space-6) 0}.member-hero h1{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:0;line-height:.95;margin:0 0 var(--space-4);max-width:780px}.member-hero p{color:#e9eef6;font-size:1.08rem;max-width:720px}.dashboard-card,.draw-night-card,.member-section{background:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.draw-night-card{background:radial-gradient(circle at 86% 12%,rgb(220 166 76/.13),transparent 9rem),var(--color-surface-default);color:var(--color-text-primary);display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-5)}.draw-night-card strong{font-size:1.45rem;line-height:1.15}.draw-night-card p{color:var(--color-text-secondary)}.dashboard-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-card,.member-section{padding:var(--space-5)}.dashboard-card h2,.member-section h2{font-size:1.45rem;line-height:1.2;margin:var(--space-2) 0 var(--space-3)}.dashboard-card p,.number-set-card p{color:var(--color-text-secondary)}.create-number-set-card{background:radial-gradient(circle at 88% 12%,rgb(255 243 207/.12),transparent 10rem),linear-gradient(135deg,#111734,#2b2f58);color:#f8f3e7}.create-number-set-card p{color:#d9deea}.create-number-set-card .member-label{color:#f4c46f}.create-number-set-card button{background:linear-gradient(135deg,#dca64c,#f7d894);border:0;border-radius:var(--radius-md);color:#111827;cursor:pointer;font-weight:900;margin-top:var(--space-5);min-height:44px;padding:var(--space-3) var(--space-4)}.reset-demo-button{background:transparent;border:1px solid rgb(255 255 255/.18);border-radius:var(--radius-md);color:#f8f3e7;cursor:pointer;font-weight:900;margin-top:var(--space-4);min-height:40px;padding:var(--space-2) var(--space-3)}.number-set-form{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.number-set-form label{color:#f8f3e7;display:grid;font-size:.9rem;font-weight:800;grid-gap:var(--space-2);gap:var(--space-2)}.number-set-form input,.number-set-form textarea{background:#fffaf0;border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font:inherit;min-height:42px;padding:var(--space-3);width:100%}.number-set-form textarea{line-height:1.5;resize:vertical}.circle-preview{align-content:space-between;display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.circle-members{display:flex;flex-wrap:wrap;gap:var(--space-2)}.circle-members span{align-items:center;background:radial-gradient(circle at 50% 50%,#fff7df 0 28%,transparent 29%),var(--color-brand-soft);border:1px solid var(--color-border-default);border-radius:999px;color:var(--color-text-gold);display:inline-flex;font-weight:900;height:2.35rem;justify-content:center;width:2.35rem}.member-section{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.number-set-header,.section-heading-row{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between}.number-set-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.number-set-card{background:radial-gradient(circle at 90% 0,rgb(220 166 76/.1),transparent 9rem),var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-4)}.number-set-card h3{font-size:1.05rem;line-height:1.25;margin:0}.number-set-card small,.number-set-header span{color:var(--color-text-secondary);font-size:.82rem;font-weight:800;line-height:1.35}.member-app-loggedin .create-number-set-card select,.member-app-loggedin .game-select{background:#fffaf0;border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font:inherit;min-height:42px;padding:var(--space-3);width:100%}.set-card-meta{align-items:center;justify-content:space-between}.set-card-actions,.set-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.set-card-actions button{background:var(--color-brand-soft);border:1px solid rgb(141 98 35/.16);border-radius:var(--radius-md);color:var(--color-text-gold);cursor:pointer;font-size:.8rem;font-weight:900;min-height:32px;padding:var(--space-1) var(--space-3)}.set-card-actions button:hover{background:linear-gradient(135deg,#dca64c,#f3cf86);color:#151017}.set-delete-btn{background:rgb(197 48 48/.08)!important;border-color:rgb(197 48 48/.2)!important;color:var(--color-status-error)!important}.set-delete-btn:hover{background:rgb(197 48 48/.16)!important}.share-picker{display:flex;flex-wrap:wrap;gap:var(--space-2)}.set-edit-form{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.set-edit-form label{display:grid;font-size:.88rem;font-weight:800;grid-gap:var(--space-2);gap:var(--space-2)}.set-edit-form input,.set-edit-form textarea{background:#fffaf0;border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font:inherit;min-height:38px;padding:var(--space-2) var(--space-3);width:100%}.set-edit-actions{display:flex;gap:var(--space-2)}.set-edit-actions button{background:linear-gradient(135deg,var(--color-brand-primary),#31336a);border:0;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:900;min-height:36px;padding:var(--space-2) var(--space-3)}.set-edit-cancel{background:var(--color-brand-soft)!important;border:1px solid rgb(141 98 35/.16)!important;color:var(--color-text-gold)!important}.set-results-panel{border-top:1px solid var(--color-border-default);display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3)}.set-result-row{background:linear-gradient(135deg,#fffaf0,var(--color-surface-elevated));border:1px solid var(--color-border-default);border-radius:var(--radius-md);display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3)}.set-result-row strong{font-size:.88rem;line-height:1.3}.set-result-row span{color:var(--color-text-secondary);font-size:.82rem;font-weight:800}.matched-number-row span{background:#fffaf0;border-color:rgb(33 84 90/.26)}.import-banner{background:radial-gradient(circle at 88% 12%,rgb(47 133 90/.12),transparent 10rem),var(--color-surface-default);border:1px solid rgb(47 133 90/.28);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-5)}.import-banner strong{font-size:1.1rem;line-height:1.25}.import-banner p{color:var(--color-text-secondary);line-height:1.55;margin:0}.import-banner-actions{display:flex;gap:var(--space-3)}.import-banner-actions button{background:linear-gradient(135deg,#dca64c,#f3cf86);border:0;border-radius:var(--radius-md);color:#151017;cursor:pointer;font-weight:900;min-height:40px;padding:var(--space-2) var(--space-4)}.import-dismiss{background:transparent!important;border:1px solid var(--color-border-default)!important;color:var(--color-text-secondary)!important}@media (max-width:1040px){.member-app{grid-template-columns:1fr}.member-sidebar{gap:var(--space-4);padding:var(--space-4)}.member-nav{display:flex;flex-wrap:wrap}.member-sidebar-note{margin-top:0}.dashboard-grid,.member-hero,.number-set-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.member-app{background:linear-gradient(180deg,#090c1a,#151936 28rem,#f4f0e6 0);min-height:calc(100vh - 161px)}.member-main{gap:var(--space-4);padding:var(--space-4) var(--space-3)}.dashboard-grid,.member-hero,.number-set-grid{grid-template-columns:1fr}.member-hero{min-height:0;padding:var(--space-3) 0}.member-hero h1{font-size:clamp(2.35rem,13vw,3.35rem)}.dashboard-card,.draw-night-card,.member-section{padding:var(--space-4)}.number-set-header,.section-heading-row{flex-direction:column}}