:root{--font-family-base: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-size-xs: 11px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 20px;--font-size-xl: 28px;--font-size-2xl: 36px;--font-size-3xl: 48px;--font-weight-thin: 200;--font-weight-regular: 400;--font-weight-semibold: 600;--letter-spacing-ja: -.02em;--letter-spacing-label: 1.5px;--line-height-ja-body: 1.7;--line-height-ja-heading: 1.35;--line-height-label: 1;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--spring-default: cubic-bezier(.175, .885, .32, 1.1);--spring-bouncy: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .2s;--duration-normal: .35s;--duration-slow: .5s;--duration-celebration: .8s;--z-base: 0;--z-sticky: 100;--z-drawer: 200;--z-overlay: 300;--z-modal: 400;--z-snackbar: 500;--z-toast: 600;--z-popover: 700;--z-tooltip: 800;--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-style: solid;--checkbox-size: 20px;--tap-target-min: 44px}[data-theme=night-sky]{--bg-primary: #0D1117;--bg-surface: #161B22;--bg-elevated: #1C2128;--border: #484F58;--border-strong: #6E7681;--text-primary: #E6EDF3;--text-secondary: #9BA7B4;--text-muted: #7A8593;--text-placeholder: #9BA7B4;--accent: #79C0FF;--accent-subtle: rgba(121, 192, 255, .14);--accent-hover: #A5D6FF;--button-primary-bg: #1A5FC8;--button-primary-text: #FFFFFF;--button-disabled-bg: #1F2937;--button-disabled-text: #6E7681;--button-disabled-border: #2A3441;--success: #3FB950;--success-subtle: rgba(63, 185, 80, .12);--warning: #D29922;--danger: #F85149;--danger-subtle: rgba(248, 81, 73, .08);--danger-solid: #DA3633;--info: #58A6FF;--cat-work: #58A6FF;--cat-health: #E8A855;--cat-learn: #A5D6FF;--cat-hobby: #BF7AF0;--cat-social: #F4A6C4;--cat-other: #8B949E;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 -4px 16px rgba(0, 0, 0, .55);--shadow-drawer: 4px 0 16px rgba(0, 0, 0, .55);--focus-ring-color: var(--accent)}[data-theme=dawn]{--bg-primary: #FBF8F4;--bg-surface: #F4EFE8;--bg-elevated: #ECE5DB;--border: #D4C9B8;--border-strong: #B8A88F;--text-primary: #2B2319;--text-secondary: #5A4E3E;--text-muted: #7A6F5E;--text-placeholder: #5A4E3E;--accent: #8F4D1F;--accent-subtle: rgba(143, 77, 31, .12);--accent-hover: #B56B3A;--button-primary-bg: #8F4D1F;--button-primary-text: #FBF8F4;--button-disabled-bg: #D4C9B8;--button-disabled-text: #7A6F5E;--button-disabled-border: #C2B59E;--success: #2E7D32;--success-subtle: rgba(46, 125, 50, .14);--warning: #C17900;--danger: #B32121;--danger-subtle: rgba(179, 33, 33, .1);--danger-solid: #A01818;--info: #0B5FA0;--cat-work: #0B5FA0;--cat-health: #C17900;--cat-learn: #1F7A8C;--cat-hobby: #8F4D9C;--cat-social: #B23A5F;--cat-other: #7A6F5E;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(80, 60, 30, .1);--shadow-md: 0 4px 12px rgba(80, 60, 30, .14);--shadow-lg: 0 -4px 16px rgba(80, 60, 30, .16);--shadow-drawer: 4px 0 16px rgba(80, 60, 30, .16);--focus-ring-color: var(--accent)}[data-theme=harajuku-light]{--bg-primary: #FFF5F7;--bg-surface: #FFEDF0;--bg-elevated: #FFE2E8;--border: #F4C4D0;--border-strong: #E893A8;--text-primary: #3B1F2A;--text-secondary: #6B4556;--text-muted: #8B6677;--text-placeholder: #6B4556;--accent: #D14C7A;--accent-subtle: rgba(209, 76, 122, .12);--accent-hover: #E66A94;--button-primary-bg: #D14C7A;--button-primary-text: #FFFFFF;--button-disabled-bg: #F4C4D0;--button-disabled-text: #8B6677;--button-disabled-border: #EBAABB;--success: #2E8B57;--success-subtle: rgba(46, 139, 87, .14);--warning: #C88F00;--danger: #C01C4A;--danger-subtle: rgba(192, 28, 74, .1);--danger-solid: #A01238;--info: #4A7FB5;--cat-work: #4A7FB5;--cat-health: #C88F00;--cat-learn: #6B5BA5;--cat-hobby: #B5428F;--cat-social: #D14C7A;--cat-other: #8B6677;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(120, 40, 70, .1);--shadow-md: 0 4px 12px rgba(120, 40, 70, .14);--shadow-lg: 0 -4px 16px rgba(120, 40, 70, .16);--shadow-drawer: 4px 0 16px rgba(120, 40, 70, .16);--focus-ring-color: var(--accent)}[data-theme=harajuku-dark]{--bg-primary: #1A0D14;--bg-surface: #241219;--bg-elevated: #2E1721;--border: #4A2330;--border-strong: #6B3347;--text-primary: #F5E8EE;--text-secondary: #C9A8B5;--text-muted: #9B7B88;--text-placeholder: #C9A8B5;--accent: #E8709D;--accent-subtle: rgba(232, 112, 157, .16);--accent-hover: #F590B7;--button-primary-bg: #B53572;--button-primary-text: #FFFFFF;--button-disabled-bg: #2E1721;--button-disabled-text: #6B3347;--button-disabled-border: #3E1E2B;--success: #50C878;--success-subtle: rgba(80, 200, 120, .14);--warning: #E8A855;--danger: #FF5577;--danger-subtle: rgba(255, 85, 119, .12);--danger-solid: #E04060;--info: #7AAFE8;--cat-work: #7AAFE8;--cat-health: #E8A855;--cat-learn: #C8A8F0;--cat-hobby: #F0A8D0;--cat-social: #FF90B0;--cat-other: #9B7B88;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 4px 12px rgba(0, 0, 0, .55);--shadow-lg: 0 -4px 16px rgba(0, 0, 0, .6);--shadow-drawer: 4px 0 16px rgba(0, 0, 0, .6);--focus-ring-color: var(--accent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-root{flex:1;display:flex;flex-direction:column}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:var(--accent);text-decoration:none}:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:0ms!important;animation-iteration-count:1!important;transition-duration:0ms!important}}.s00{flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-lg);padding-bottom:max(var(--space-lg),env(safe-area-inset-bottom));min-height:100svh;background:var(--bg-primary);overflow-y:auto}.s00-center{position:absolute;top:50%;left:0;right:0;transform:translateY(calc(-50% - 60px));display:flex;flex-direction:column;align-items:center}.s00-logo{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);letter-spacing:3px;color:var(--accent);line-height:1;margin:0}.s00-tagline{margin-top:var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-muted);letter-spacing:var(--letter-spacing-ja);line-height:var(--line-height-ja-body)}.s00-cta{position:absolute;left:var(--space-lg);right:var(--space-lg);bottom:calc(76px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}.s00-cta-primary,.s00-cta-secondary{min-height:52px;padding:0 var(--space-md);border-radius:var(--radius-lg);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-ja);line-height:1.25;min-width:44px;white-space:normal;transition:transform var(--duration-fast) var(--spring-default)}.s00-cta-primary{background:var(--button-primary-bg);color:var(--button-primary-text);font-weight:var(--font-weight-semibold);border:none}.s00-cta-primary:disabled,.s00-cta-primary[aria-disabled=true]{background:var(--button-disabled-bg);color:var(--button-disabled-text);pointer-events:none;cursor:not-allowed}.s00-cta-secondary{background:transparent;color:var(--text-primary);font-weight:var(--font-weight-regular);border:1px solid var(--border-strong)}.s00-cta-primary:active,.s00-cta-secondary:active{transform:scale(.98)}@media (max-height: 560px){.s00{justify-content:space-between;padding-top:calc(var(--space-xl) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px))}.s00-center{position:static;transform:none}.s00-cta{position:static;left:auto;right:auto;bottom:auto;width:100%}}.s01{flex:1;display:flex;flex-direction:column;align-items:stretch;padding:60px var(--space-lg) var(--space-xl);padding-top:calc(60px + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px));min-height:100svh;background:var(--bg-primary)}.s01-logo{margin:0;text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:3px;line-height:1;color:var(--accent)}.s01-title{margin:var(--space-xl) 0 0;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);line-height:var(--line-height-ja-heading);color:var(--text-primary)}.s01-form{display:flex;flex-direction:column;margin-top:var(--space-xl)}.s01-field{margin-top:var(--space-lg);display:flex;flex-direction:column}.s01-field:first-child{margin-top:0}.s01-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);line-height:var(--line-height-label)}.s01-input{margin-top:var(--space-sm);width:100%;height:48px;padding:0 16px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-ja);transition:border-color var(--duration-fast) var(--ease-out)}.s01-input::placeholder{color:var(--text-placeholder)}.s01-input:focus{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-color:var(--accent)}.s01-input:disabled{opacity:.6;cursor:not-allowed}.s01-input-error,.s01-input-error:focus{border-color:var(--danger)}.s01-error{margin:var(--space-xs) 0 0;font-size:var(--font-size-xs);color:var(--danger);line-height:var(--line-height-label)}.s01-hint{margin:var(--space-xs) 0 0;font-size:var(--font-size-xs);color:var(--text-muted);line-height:var(--line-height-label)}.s01-agree{margin-top:var(--space-lg)}.s01-agree-label{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;min-height:44px;cursor:pointer}.s01-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:var(--checkbox-size);height:var(--checkbox-size);flex:0 0 var(--checkbox-size);margin:2px 0 0;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:transparent;cursor:pointer;position:relative;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.s01-checkbox:checked{background:var(--accent);border-color:var(--accent)}.s01-checkbox:checked:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;border:solid var(--bg-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.s01-checkbox:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.s01-agree-text{font-size:var(--font-size-sm);line-height:1.7;color:var(--text-secondary)}.s01-agree-links{margin:var(--space-sm) 0 0 calc(var(--checkbox-size) + var(--space-sm));font-size:var(--font-size-sm);line-height:var(--line-height-ja-body);color:var(--text-secondary)}.s01-link{display:inline-block;padding:var(--space-md) var(--space-xs);margin:calc(var(--space-md) * -1) calc(var(--space-xs) * -1);color:var(--accent);text-decoration:underline}.s01-link:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.s01-link-sep{color:var(--text-muted)}.s01-server-message{margin:var(--space-md) 0 0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.5}.s01-server-message-error{background:var(--danger-subtle);border:1px solid var(--danger);color:var(--danger)}.s01-server-message-notice{background:var(--accent-subtle);border:1px solid var(--accent);color:var(--text-primary)}.s01-cta{margin-top:var(--space-xl);width:100%;min-height:52px;padding:0 var(--space-md);background:var(--button-primary-bg);color:var(--button-primary-text);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-ja);line-height:1.25;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--duration-fast) var(--spring-default)}.s01-cta-inactive,.s01-cta[aria-disabled=true]{background:var(--button-disabled-bg);color:var(--button-disabled-text);border:1px solid var(--button-disabled-border);cursor:not-allowed}.s01-cta:active:not(.s01-cta-inactive):not([aria-disabled=true]){transform:scale(.98)}.s01-cta:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.s01-footer-link{display:inline-flex;align-items:center;justify-content:center;margin-top:var(--space-md);align-self:center;padding:var(--space-sm) var(--space-md);min-height:44px;min-width:44px;background:transparent;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--accent);text-decoration:underline}.s01-footer-link[aria-disabled=true]{color:var(--text-muted);pointer-events:none;cursor:not-allowed}.s01-footer-link:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){.s01-input,.s01-checkbox,.s01-cta{transition:none!important}.s01-cta:active:not(:disabled){transform:none!important}}.auth-callback{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--bg-primary)}.auth-callback-text{font-size:14px;color:var(--text-secondary);text-align:center;line-height:1.7;margin:0}.auth-callback-text-error{color:var(--danger)}.auth-callback-welcome{display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.96);animation:auth-callback-welcome-fade var(--duration-celebration, .8s) var(--ease-out, ease-out) forwards,auth-callback-welcome-scale var(--duration-celebration, .8s) var(--spring-default, cubic-bezier(.175, .885, .32, 1.1)) forwards}.auth-callback-welcome-text{font-size:20px;font-weight:400;letter-spacing:var(--letter-spacing-ja, .02em);color:var(--accent);text-align:center;margin:0;line-height:1.6}@keyframes auth-callback-welcome-fade{0%{opacity:0}to{opacity:1}}@keyframes auth-callback-welcome-scale{0%{transform:scale(.96)}to{transform:scale(1)}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-lg);text-align:center}.error-boundary__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm)}.error-boundary__message{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--space-lg);word-break:break-word}.error-boundary__retry{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--accent);background:transparent;border:1px solid var(--accent);border-radius:var(--radius-pill);padding:var(--space-sm) var(--space-lg);min-height:44px;min-width:44px;cursor:pointer}.error-boundary__retry:focus-visible{outline:2px solid var(--accent);outline-offset:2px}