:root{--amber-50: #FBF4E6;--amber-100: #F0E3C6;--amber-300: #F7B84B;--amber-500: #DD8018;--amber-600: #B4690E;--amber-700: #9A6A0C;--green-500: #3D7A3F;--green-600: #2F6B3A;--red-500: #B23B2E;--red-600: #96311F;--stone-25: #FDFCFA;--stone-50: #F8F6F1;--stone-100: #EEEAE2;--stone-150: #E7E2D9;--stone-400: #8A8172;--stone-450: #766D5D;--stone-500: #6E6656;--stone-800: #4A4437;--stone-900: #1F1B14;--charcoal-900: #211D17;--charcoal-800: #2A251D;--charcoal-700: #332A19;--charcoal-border: #3A342A;--charcoal-border-accent: #5A461F;--charcoal-text-primary: #F3EEE4;--charcoal-text-secondary: #9C9384;--amber-dark-300: #F0B043;--amber-dark-500: #DD8018;--green-dark-500: #6FBE72;--amber-warn-dark: #E39A3E;--red-dark-500: #E2685A;--bg-page: var(--stone-25);--surface-card: #FFFFFF;--surface-subtle: var(--stone-50);--surface-accent-soft: var(--amber-50);--border-default: var(--stone-100);--border-subtle: var(--stone-150);--border-accent: var(--amber-100);--text-primary: var(--stone-900);--text-secondary: var(--stone-800);--text-tertiary: var(--stone-500);--text-muted: var(--stone-450);--text-on-accent: var(--stone-900);--text-on-danger: #FFFFFF;--accent: var(--amber-500);--accent-strong: var(--amber-600);--accent-on-soft: var(--amber-700);--status-success: var(--green-500);--status-success-strong: var(--green-600);--status-warning: var(--amber-600);--status-danger: var(--red-500);--status-danger-strong: var(--red-600);--shadow-card: 0 1px 3px rgba(30, 25, 15, .06);--shadow-elevated: 0 8px 24px rgba(30, 25, 15, .1)}:root{--dark-bg-page: var(--charcoal-900);--dark-surface-card: var(--charcoal-800);--dark-surface-subtle: var(--charcoal-800);--dark-surface-accent-soft: var(--charcoal-700);--dark-border-default: var(--charcoal-border);--dark-border-subtle: var(--charcoal-border);--dark-border-accent: var(--charcoal-border-accent);--dark-text-primary: var(--charcoal-text-primary);--dark-text-secondary: #D6CFC0;--dark-text-tertiary: var(--charcoal-text-secondary);--dark-text-muted: var(--charcoal-text-secondary);--dark-text-on-accent: var(--charcoal-900);--dark-accent: var(--amber-dark-500);--dark-accent-strong: var(--amber-dark-300);--dark-accent-on-soft: var(--amber-dark-300);--dark-status-success: var(--green-dark-500);--dark-status-success-strong: var(--green-dark-500);--dark-status-warning: var(--amber-warn-dark);--dark-status-danger: var(--red-dark-500);--dark-status-danger-strong: var(--red-dark-500);--dark-shadow-card: 0 1px 3px rgba(0, 0, 0, .24);--dark-shadow-elevated: 0 12px 32px rgba(0, 0, 0, .36)}[data-theme=dark]{--bg-page: var(--dark-bg-page);--surface-card: var(--dark-surface-card);--surface-subtle: var(--dark-surface-subtle);--surface-accent-soft: var(--dark-surface-accent-soft);--border-default: var(--dark-border-default);--border-subtle: var(--dark-border-subtle);--border-accent: var(--dark-border-accent);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-tertiary: var(--dark-text-tertiary);--text-muted: var(--dark-text-muted);--text-on-accent: var(--dark-text-on-accent);--accent: var(--dark-accent);--accent-strong: var(--dark-accent-strong);--accent-on-soft: var(--dark-accent-on-soft);--status-success: var(--dark-status-success);--status-success-strong: var(--dark-status-success-strong);--status-warning: var(--dark-status-warning);--status-danger: var(--dark-status-danger);--status-danger-strong: var(--dark-status-danger-strong);--shadow-card: var(--dark-shadow-card);--shadow-elevated: var(--dark-shadow-elevated)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg-page: var(--dark-bg-page);--surface-card: var(--dark-surface-card);--surface-subtle: var(--dark-surface-subtle);--surface-accent-soft: var(--dark-surface-accent-soft);--border-default: var(--dark-border-default);--border-subtle: var(--dark-border-subtle);--border-accent: var(--dark-border-accent);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-tertiary: var(--dark-text-tertiary);--text-muted: var(--dark-text-muted);--text-on-accent: var(--dark-text-on-accent);--accent: var(--dark-accent);--accent-strong: var(--dark-accent-strong);--accent-on-soft: var(--dark-accent-on-soft);--status-success: var(--dark-status-success);--status-success-strong: var(--dark-status-success-strong);--status-warning: var(--dark-status-warning);--status-danger: var(--dark-status-danger);--status-danger-strong: var(--dark-status-danger-strong);--shadow-card: var(--dark-shadow-card);--shadow-elevated: var(--dark-shadow-elevated)}}:root{--font-display: "Source Serif 4", Georgia, serif;--font-ui: "Public Sans", -apple-system, sans-serif;--text-display-lg: 600 40px/1.15 var(--font-display);--text-display-md: 600 28px/1.2 var(--font-display);--text-display-sm: 600 22px/1.25 var(--font-display);--text-display-xs: 600 17px/1.3 var(--font-display);--text-body-lg: 400 16px/1.6 var(--font-ui);--text-body-md: 400 14px/1.6 var(--font-ui);--text-body-sm: 400 13px/1.5 var(--font-ui);--text-label-md: 500 13px/1.4 var(--font-ui);--text-label-sm: 500 12px/1.4 var(--font-ui);--text-eyebrow: 500 12px/1.3 var(--font-ui);--tracking-eyebrow: .06em}:root{--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;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-pill: 999px}html,body{margin:0;padding:0;background:var(--bg-page);color:var(--text-primary);font:var(--text-body-md);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:var(--accent-strong);text-decoration:none}a:hover{color:var(--accent);text-decoration:underline}h1,h2,h3,h4{margin:0;font-family:var(--font-display)}p{margin:0}button{font-family:var(--font-ui)}.screen-shell{width:100%;max-width:1080px;margin:0 auto;padding:clamp(16px,5vw,28px)}.new-site-container{width:100%;max-width:480px}.memo-dimension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}@media(max-width:640px){.memo-dimension-grid{grid-template-columns:1fr}}.memo-detail-grid{margin-top:16px;display:grid;grid-template-columns:1.1fr 1fr;gap:20px}@media(max-width:860px){.memo-detail-grid{grid-template-columns:1fr}}.memo-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}@media(max-width:640px){.memo-header-row{flex-direction:column}}.theme-toggle-wrap{position:fixed;top:var(--space-4);right:var(--space-4);z-index:10}@media(max-width:640px){.theme-toggle-wrap{position:static;display:flex;justify-content:flex-end;padding:var(--space-3) clamp(16px,5vw,28px) 0}}.tap-target{min-height:44px;display:inline-flex;align-items:center;justify-content:center}button.tap-target-block,div.tap-target-block{min-height:44px;width:100%;display:flex}a.tap-target,button.tap-target{min-width:44px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input:focus-visible,button:focus-visible,a:focus-visible,[role=option]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}