@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Nunito:wght@400;500;600;700;800&family=Space+Mono:ital,wght@0,400;0,700&display=swap";:root{--color-sun: #F5C842;--color-sun-light: #FEF3B0;--color-sun-dark: #C89E20;--color-sky: #72B8D8;--color-sky-light: #C4E4F5;--color-sky-dark: #3E84A8;--color-grass: #82C46E;--color-grass-light: #C4EAB8;--color-grass-dark: #509048;--color-coral: #F07060;--color-coral-light: #FBCEC8;--color-coral-dark: #C04030;--color-lavender: #B4A0D4;--color-lavender-light: #E0D8F2;--color-lavender-dark: #7860B0;--color-ink: #2C2825;--color-ink-soft: #5C5550;--color-ink-muted: #9A9490;--color-paper: #FAFAF3;--color-paper-2: #F2F0E6;--color-paper-3: #E8E4D8;--color-cream: #FDF8ED;--color-white: #FFFFFF;--color-primary: var(--color-sun);--color-primary-light: var(--color-sun-light);--color-primary-dark: var(--color-sun-dark);--color-secondary: var(--color-sky);--color-secondary-light: var(--color-sky-light);--color-secondary-dark: var(--color-sky-dark);--color-success: var(--color-grass);--color-success-light: var(--color-grass-light);--color-success-dark: var(--color-grass-dark);--color-danger: var(--color-coral);--color-danger-light: var(--color-coral-light);--color-danger-dark: var(--color-coral-dark);--color-accent: var(--color-lavender);--color-accent-light: var(--color-lavender-light);--surface-bg: var(--color-paper);--surface-card: var(--color-white);--surface-elevated: var(--color-white);--text-primary: var(--color-ink);--text-secondary: var(--color-ink-soft);--text-muted: var(--color-ink-muted);--text-on-primary: var(--color-ink);--text-on-dark: var(--color-white)}:root{--font-display: "Caveat", cursive;--font-body: "Nunito", sans-serif;--font-mono: "Space Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}:root{--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--spacing-2xl: var(--space-12);--spacing-3xl: var(--space-16);--padding-btn-sm: 6px 14px;--padding-btn-md: 10px 22px;--padding-btn-lg: 14px 30px;--padding-card-sm: var(--space-3);--padding-card-md: var(--space-5);--padding-card-lg: var(--space-8);--gap-card: var(--space-4);--gap-section: var(--space-8)}:root{--border-width: 2px;--border: 2px solid var(--color-ink);--border-light: 1px solid var(--color-paper-3);--border-dashed: 2px dashed var(--color-ink-muted);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-stamp-xs: 1px 1px 0 var(--color-ink);--shadow-stamp-sm: 2px 2px 0 var(--color-ink);--shadow-stamp: 3px 3px 0 var(--color-ink);--shadow-stamp-lg: 4px 4px 0 var(--color-ink);--shadow-stamp-xl: 6px 6px 0 var(--color-ink);--shadow-stamp-sun: 3px 3px 0 var(--color-sun-dark);--shadow-stamp-sky: 3px 3px 0 var(--color-sky-dark);--shadow-stamp-grass: 3px 3px 0 var(--color-grass-dark);--shadow-stamp-coral: 3px 3px 0 var(--color-coral-dark);--shadow-stamp-lavender: 3px 3px 0 var(--color-lavender-dark);--shadow-soft: 0 2px 8px rgba(44, 40, 37, .1);--shadow-soft-md: 0 4px 16px rgba(44, 40, 37, .14);--shadow-soft-lg: 0 8px 32px rgba(44, 40, 37, .18);--duration-fast: .1s;--duration-base: .2s;--duration-slow: .35s;--duration-xslow: .6s;--easing-ease: ease;--easing-spring: cubic-bezier(.34, 1.56, .64, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:var(--color-paper-2);font-family:var(--font-body);color:var(--color-ink);-webkit-font-smoothing:antialiased}button{font-family:inherit}a{color:var(--color-sky-dark)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--color-paper-3);border-radius:99px}.fs-shell{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:max(16px,env(safe-area-inset-top)) 12px 12px}.fs-frame{width:100%;max-width:440px;min-height:calc(100vh - 28px);display:flex;flex-direction:column;background:var(--color-paper);border:var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-stamp-xl);overflow:hidden}.fs-header{background:var(--color-sun);border-bottom:var(--border);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.fs-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-ink);line-height:1}.fs-scroll{flex:1;overflow-y:auto;padding:16px 16px 8px;display:flex;flex-direction:column;gap:var(--gap-card)}.fs-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-ink);margin:0;line-height:1.1}.fs-section-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.fs-nav{border-top:var(--border);background:var(--color-white);display:flex;flex-shrink:0}.fs-nav button{flex:1;padding:10px 0 12px;display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--color-white);border:none;border-top:2px solid transparent;cursor:pointer;font-family:var(--font-body);font-size:11px;font-weight:700;color:var(--color-ink-muted);transition:background var(--duration-base)}.fs-nav button.active{background:var(--color-sun-light);border-top:2px solid var(--color-ink);color:var(--color-ink)}.fs-grid-avatars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fs-avatar-pick{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;background:var(--color-white);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-stamp);cursor:pointer;transition:transform var(--duration-fast),box-shadow var(--duration-fast)}.fs-avatar-pick:hover{transform:translate(1px,1px);box-shadow:var(--shadow-stamp-sm)}.fs-avatar-pick.selected{background:var(--color-sun-light)}.fs-avatar-img{width:64px;height:64px;border-radius:50%;border:var(--border);box-shadow:var(--shadow-stamp-sm)}.fs-link-btn{background:none;border:none;color:var(--color-sky-dark);font-family:var(--font-body);font-weight:700;cursor:pointer;padding:4px;font-size:var(--text-sm)}.fs-row{display:flex;align-items:center;gap:10px}.fs-form{display:flex;flex-direction:column;gap:16px}.fs-error{color:var(--color-coral-dark);font-weight:700;font-size:var(--text-sm)}.fs-center{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}