@import "https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap";@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,700&family=IBM+Plex+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Petrona:wght@400;500;600&family=Public+Sans:wght@300;400;500;600;700&family=Fragment+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Piazzolla:opsz,wght@8..30,400;8..30,500;8..30,600&display=swap";.fj-screen{gap:var(--space-5);flex-direction:column;max-width:42rem;margin:0 auto;display:flex}.fj-screen__title{font-size:var(--text-display-l)}.fj-screen__lead{margin:var(--space-2) 0 0;color:var(--color-muted)}.fj-empty{border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-7);text-align:center;color:var(--color-muted)}.fj-empty__action{margin-top:var(--space-4)}.fj-auth{justify-content:center;align-items:center;gap:var(--space-8);min-height:100%;padding:var(--space-9) var(--space-4);flex-direction:column;display:flex}.fj-auth__panel{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;max-width:21rem;padding:var(--space-7)}.fj-auth__form{gap:var(--space-3);flex-direction:column;display:flex}.fj-auth__field{font-family:var(--font-body);font-size:var(--text-body-m);color:var(--color-text);background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);padding:10px var(--space-3)}.fj-auth__field::placeholder{color:var(--color-muted)}.fj-auth__field:focus{border-color:var(--color-accent)}.fj-auth__error{margin:0 0 var(--space-4);border-left:3px solid var(--color-primary);padding-left:var(--space-3);font-size:var(--text-body-m);color:var(--color-primary-dark)}.fj-auth__switch{margin-top:var(--space-4);text-align:center;font-size:var(--text-label-s);color:var(--color-muted);display:block}.fj-auth__switch:hover{color:var(--color-primary-dark)}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:26px;--space-7:32px;--space-8:40px;--space-9:60px;--space-10:90px;--ease-breath:cubic-bezier(.32, .72, 0, 1);--duration-quick:.16s;--duration-settle:.28s;--duration-breathe:.48s;--tracking-label:.06em}@keyframes ripple-out{0%{opacity:.5;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}.motif-ripple{width:1em;height:1em;position:relative}.motif-ripple:before,.motif-ripple:after{content:"";animation:ripple-out 2.6s var(--ease-breath) infinite;border:1px solid;border-radius:50%;position:absolute;inset:0}.motif-ripple:after{animation-delay:1.3s}:root{--font-calligraphy:"Yuji Syuku", serif}[data-app=haramochi]{--pine:#3b5d42;--pine-dark:#2a4531;--moss:#6b8f5a;--sakura:#c4718a;--blossom:#d98ba0;--bg:#f4f4f2;--bg-alt:#e9e9e6;--ink:#26221e;--border-grey:#e3e3e0;--border-grey-strong:#c9c9c4;--color-bg:var(--bg);--color-bg-alt:var(--bg-alt);--color-surface:var(--bg-alt);--color-text:var(--ink);--color-heading:var(--ink);--color-primary:var(--pine);--color-primary-dark:var(--pine-dark);--color-secondary:var(--moss);--color-on-primary:var(--bg);--color-accent:var(--sakura);--color-accent-2:var(--blossom);--color-border:var(--border-grey);--color-border-strong:var(--border-grey-strong);--color-muted:#26221ea6;--font-display:"Bricolage Grotesque", sans-serif;--font-body:"Bricolage Grotesque", sans-serif;--font-mono:"IBM Plex Mono", monospace;--text-display-hero:64px;--text-display-xl:46px;--text-display-l:32px;--text-display-m:22px;--text-body-l:18px;--text-body-m:15px;--text-label-s:13px;--weight-display:700;--weight-body:400;--weight-body-strong:500;--weight-mono:500;--leading-display:1.05;--leading-body:1.6;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-full:0px;--border-width:1px;--shadow-resting:none;--shadow-float:none;--shadow-overlay:none}[data-app=shiodomari]{--ink:#1e2a2b;--deep-tide:#2c4342;--tide:#4e8c8a;--eucalyptus:#8fb8b4;--rust:#b9714f;--paper:#f6f8f7;--mist:#e9eae7;--border-soft:#d7dcd9;--color-bg:var(--mist);--color-bg-alt:var(--paper);--color-surface:var(--paper);--color-text:var(--ink);--color-heading:var(--ink);--color-primary:var(--tide);--color-primary-dark:var(--deep-tide);--color-secondary:var(--eucalyptus);--color-on-primary:var(--paper);--color-accent:var(--rust);--color-accent-2:var(--eucalyptus);--color-border:var(--border-soft);--color-border-strong:#1e2a2b29;--color-muted:#1e2a2b8c;--color-faint:#1e2a2b66;--color-primary-wash:color-mix(in oklab, var(--color-primary) 8%, transparent);--color-accent-wash:color-mix(in oklab, var(--color-accent) 8%, transparent);--font-display:"Petrona", serif;--font-body:"Public Sans", system-ui, sans-serif;--font-mono:"Fragment Mono", monospace;--text-display-hero:40px;--text-display-xl:32px;--text-display-l:26px;--text-display-m:20px;--text-body-l:17px;--text-body-m:15px;--text-label-s:12px;--weight-display:500;--weight-body:400;--weight-body-strong:500;--weight-mono:400;--leading-display:1.15;--leading-heading:1.25;--leading-body:1.6;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:999px;--border-width:1px;--shadow-resting:none;--shadow-float:0 2px 4px #1e2a2b0f, 0 8px 24px -12px #1e2a2b2e;--shadow-overlay:0 -8px 30px #1e2a2b26}[data-app=fuyujitaku]{--ai:#2b3a52;--ai-dark:#1c2740;--kaki:#d9752b;--kaki-dark:#b3591c;--kaki-deep:#8f4716;--paper:#fff;--paper-alt:#f4f4f2;--border-cool:#dfe1e5;--border-cool-strong:#c3c7cd;--color-bg:var(--paper);--color-bg-alt:var(--paper-alt);--color-surface:var(--paper-alt);--color-text:var(--ai);--color-heading:var(--ai);--color-primary:var(--kaki-dark);--color-primary-dark:var(--kaki-deep);--color-secondary:var(--ai);--color-on-primary:var(--paper);--color-accent:var(--kaki);--color-accent-2:var(--ai);--color-border:var(--border-cool);--color-border-strong:var(--border-cool-strong);--color-muted:#2b3a52b8;--font-display:"Piazzolla", serif;--font-body:"Public Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--text-display-hero:46px;--text-display-xl:34px;--text-display-l:24px;--text-display-m:19px;--text-body-l:17px;--text-body-m:15px;--text-label-s:12px;--weight-display:600;--weight-body:400;--weight-body-strong:600;--weight-mono:500;--leading-display:1.15;--leading-body:1.6;--radius-sm:4px;--radius-md:4px;--radius-lg:4px;--radius-full:999px;--border-width:1px;--shadow-resting:none;--shadow-float:none;--shadow-overlay:none}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body-m);font-weight:var(--weight-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-display);line-height:var(--leading-display);color:var(--color-heading);margin:0}.fj-figure{font-family:var(--font-mono);font-weight:var(--weight-mono);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}