:root{--primary:#1fada5;--primary-light:#e8f8f7;--primary-mid:#b2e4e1;--secondary:#f97066;--secondary-light:#fff0ee;--surface:#ffffff;--bg:#f5f7f9;--border:#e2e8f0;--text:#1e293b;--muted:#64748b;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.08);--transition:all .18s ease}.gc-page{font-family:DM Sans,sans-serif;background:var(--bg);min-height:100vh;padding:2rem 1rem 4rem;color:var(--text)}.gc-inner{max-width:780px;margin:0 auto}.gc-header{gap:14px;margin-bottom:2rem}.gc-header,.gc-header-icon{display:flex;align-items:center}.gc-header-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--primary);justify-content:center;font-size:22px;flex-shrink:0}.gc-header h1{font-family:"DM Serif Display",serif;font-size:1.65rem;color:var(--text);margin:0;line-height:1.2}.gc-header p{font-size:.85rem;color:var(--muted);margin:0}.gc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.25rem;box-shadow:var(--shadow-sm)}.gc-card-title{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:1rem;display:flex;align-items:center;gap:6px}.gc-card-title:after{content:"";flex:1 1;height:1px;background:var(--primary-mid)}.gc-field label{font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:5px;display:block;letter-spacing:.02em}.gc-field{margin-bottom:1rem}.gc-input{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;color:var(--text);background:var(--surface);transition:var(--transition);outline:none}.gc-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(31,173,165,.12)}.gc-input::placeholder{color:#b0bec5}textarea.gc-input{resize:vertical;min-height:80px}.gc-pill-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.gc-pill{padding:7px 14px;border:1.5px solid var(--border);border-radius:99px;font-size:.82rem;font-weight:500;cursor:pointer;transition:var(--transition);background:var(--surface);color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.gc-pill:hover{border-color:var(--primary);color:var(--primary)}.gc-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.gc-age-row{display:flex;align-items:center;gap:10px}.gc-age-row .gc-input{width:80px;text-align:center}.gc-age-sep{color:var(--muted);font-size:.85rem}.gc-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border)}.gc-toggle-label{font-size:.875rem;font-weight:500}.gc-toggle-sub{font-size:.78rem;color:var(--muted)}.gc-switch{position:relative;display:inline-block;width:44px;height:24px}.gc-switch input{opacity:0;width:0;height:0}.gc-slider{inset:0;background:#cbd5e1;border-radius:12px;cursor:pointer}.gc-slider,.gc-slider:before{position:absolute;transition:.2s}.gc-slider:before{content:"";width:18px;height:18px;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2)}.gc-switch input:checked+.gc-slider{background:var(--primary)}.gc-switch input:checked+.gc-slider:before{transform:translateX(20px)}.gc-submit-bar{position:-webkit-sticky;position:sticky;bottom:0;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:1rem 1.5rem;margin:0 -1rem -4rem;justify-content:space-between;gap:12px;z-index:10}.gc-error,.gc-submit-bar{display:flex;align-items:center}.gc-error{font-size:.82rem;color:var(--secondary);font-weight:500;gap:5px}.gc-btn-primary{background:var(--primary);color:#fff;border:none;padding:11px 26px;border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:7px}.gc-btn-primary:hover:not(:disabled){background:#19918a;box-shadow:0 4px 12px rgba(31,173,165,.3);transform:translateY(-1px)}.gc-btn-primary:disabled{opacity:.55;cursor:not-allowed}.gc-btn-ghost{background:transparent;color:var(--muted);border:1.5px solid var(--border);padding:8px 14px;border-radius:var(--radius-sm);font-family:inherit;font-size:.82rem;font-weight:500;cursor:pointer;transition:var(--transition)}.gc-btn-ghost:hover{border-color:var(--secondary);color:var(--secondary)}.gc-btn-danger{background:var(--secondary-light);color:var(--secondary);border:1.5px solid transparent;padding:6px 12px;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;transition:var(--transition)}.gc-btn-danger:hover{border-color:var(--secondary)}.gc-emoji-search{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.88rem;outline:none;margin-bottom:12px;transition:var(--transition)}.gc-emoji-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(31,173,165,.12)}.gc-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));grid-gap:6px;gap:6px;max-height:55vh;overflow-y:auto}.gc-emoji-btn{font-size:22px;width:100%;aspect-ratio:1;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.gc-emoji-btn:hover{border-color:var(--primary);background:var(--primary-light);transform:scale(1.1)}.gc-diff-row{display:flex;gap:8px;flex-wrap:wrap}.gc-diff-pill{padding:6px 16px;border-radius:99px;border:1.5px solid var(--border);font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition);background:var(--surface)}.gc-diff-pill[data-level=easy]{color:#16a34a}.gc-diff-pill[data-level=easy].active{background:#dcfce7;border-color:#16a34a}.gc-diff-pill[data-level=medium]{color:#d97706}.gc-diff-pill[data-level=medium].active{background:#fef3c7;border-color:#d97706}.gc-diff-pill[data-level=hard]{color:var(--secondary)}.gc-diff-pill[data-level=hard].active{background:var(--secondary-light);border-color:var(--secondary)}@media (max-width:600px){.gc-card{padding:1.1rem}.gc-submit-bar{flex-direction:column-reverse;align-items:stretch}.gc-btn-primary{justify-content:center}}