:root{--color-bg: var(--bg-base);--color-surface: var(--bg-card);--color-text: var(--text-primary);--color-text-muted: var(--text-secondary);--color-text-faint: var(--text-secondary);--color-border: var(--border);--color-accent: var(--gold);--color-on-accent: #fff;--radius-md: 10px;--radius-lg: var(--radius-card)}body{background:var(--bg-base);color:var(--text-primary)}.title,.step__title,.photo-letter{font-family:var(--font-serif)}.yw .intro{margin:0 0 16px;font-size:.9375rem;line-height:1.75;color:var(--text-secondary)}.step__title{margin:0 0 14px;font-size:1.25rem;color:var(--sepia)}.yw .field{margin:0 0 18px}.yw .field label{display:block;margin-bottom:6px;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.yw .hint{display:block;margin-top:2px;font-size:.75rem;font-weight:400;color:var(--text-secondary)}.yw input,.yw textarea{width:100%;font-family:inherit;font-size:1rem;line-height:1.7;padding:12px 14px;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.yw textarea{resize:vertical}.yw input:focus-visible,.yw textarea:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.step__actions{display:flex;gap:10px;margin-top:20px}.btn-gold{font-family:var(--font-serif);font-size:.9375rem;padding:12px 28px;background:var(--gold);color:#fff;border:none;border-radius:var(--radius-btn, 999px);cursor:pointer}.btn-gold:hover:not(:disabled){opacity:.9}.btn-gold:disabled{opacity:.55;cursor:default}.btn-ghost{font-size:.875rem;padding:10px 16px;min-height:44px;background:transparent;color:var(--text-primary);border:1px solid var(--border);border-radius:999px;cursor:pointer}.btn-ghost:hover{border-color:var(--gold)}.btn-sm{font-size:.75rem;padding:6px 12px;min-height:36px}.photo-letter{margin-top:24px;padding:40px 30px 30px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);animation:focus-in .5s ease-out}@keyframes focus-in{0%{filter:blur(6px);opacity:.35}to{filter:blur(0);opacity:1}}@media(prefers-reduced-motion:reduce){.photo-letter{animation:none}}.photo-letter__disclosure{margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid var(--border);font-size:1.125rem;line-height:1.75;color:var(--sepia);text-align:center}.photo-letter__para{margin:0 0 20px;font-size:1.0625rem;line-height:1.85;color:var(--text-primary)}.photo-letter__sign{margin:28px 0 0;font-size:1rem;color:var(--text-secondary);text-align:right}.photo-letter__return{margin:22px 0 0;font-size:1.0625rem;line-height:1.75;color:var(--sepia);text-align:center}.photo-letter__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}.archive__title{margin:0 0 12px;font-family:var(--font-serif);font-size:1.0625rem;color:var(--sepia)}.archive__empty{margin:0;font-size:.875rem;color:var(--text-secondary)}.archive__list{list-style:none;margin:0;padding:0}.archive__item{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.archive__open{flex:1;display:flex;align-items:baseline;gap:12px;min-height:44px;padding:0;font:inherit;text-align:left;background:none;border:none;cursor:pointer;color:var(--text-primary)}.archive__open:hover .archive__topic{text-decoration:underline}.archive__date{flex:none;font-size:.75rem;color:var(--text-secondary)}.archive__topic{font-family:var(--font-serif);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@page{size:A4;margin:20mm}@media print{.no-print,.site-header,.twoweek,.footer{display:none!important}body{background:#fff;color:#000}.container{max-width:none;margin:0;padding:0}.photo-letter{margin:0;padding:0;border:none;box-shadow:none;animation:none}.photo-letter__para,.photo-letter__disclosure{break-inside:avoid}}:root{--bg-base:#FAF6EE;--bg-card:#FFF;--gold:#C2A272;--gold-soft:#F0E6D2;--sepia:#6B5744;--warm-gray:#8D8272;--phone-line:#A79A85;--text-primary:#453B2E;--text-secondary:#95897A;--border:#EAE2D3;--radius-card:10px;--radius-btn:999px;--shadow-card:0 3px 14px rgba(107,87,68,.08);--focus-in:blur(6px) to blur(0);--transition-focus:.5s ease-out;--font-serif:Georgia,"Songti SC","Noto Serif SC","Noto Serif JP","Noto Serif KR",serif;--font-sans:ui-sans-serif,system-ui,"PingFang SC","Hiragino Sans","Apple SD Gothic Neo",sans-serif}:root{--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--container-max: 672px;--tap-target: 44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg)}button,a,select,input,[role=button],summary{min-height:var(--tap-target)}a{color:var(--color-accent)}.container{max-width:var(--container-max);margin-inline:auto;padding:40px 20px 24px}.site-header{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-start;justify-content:space-between}.title{margin:0;font-size:1.5rem;line-height:1.3}.subtitle{margin:8px 0 0;font-size:.8125rem;color:var(--color-text-muted)}.lang-switch select{font-family:inherit;font-size:1rem;min-height:var(--tap-target);padding:0 12px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.section{margin-top:24px}.card{padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.card p{margin:0 0 12px}.card p:last-child{margin-bottom:0}.card details{margin-top:12px}.card .btn{margin-top:12px}.user-id{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted);margin:4px 0 12px}.grid-demo{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}@media(min-width:768px){.grid-demo{grid-template-columns:1fr 1fr}}.btn{font-size:.9375rem;padding:10px 16px;border:none;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;transition:opacity var(--motion-fast) var(--ease-standard)}.btn:hover{opacity:.88}.pre{font-family:var(--font-mono);font-size:.75rem;line-height:1.6;background:var(--color-code-bg);padding:12px;border-radius:var(--radius-md);overflow-x:auto;margin:12px 0 0}.error{font-size:.8125rem;color:var(--color-danger);margin:12px 0 0}.loading{margin-top:24px;color:var(--color-text-muted)}.footer{margin-top:40px;font-size:.75rem;color:var(--color-text-faint)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sync-box{margin-top:1.5rem;padding:.9rem 1.1rem;border:1px solid rgba(128,128,128,.25);border-radius:12px}.sync-title{margin:0 0 .35rem;font-size:.85rem;letter-spacing:.04em;opacity:.7}.sync-note{margin:0;font-size:.92rem;line-height:1.6}.sync-time{opacity:.65}.sync-btn{margin-top:.55rem;padding:.45rem 1.05rem;border-radius:10px;border:1px solid currentColor;background:none;font-size:.9rem;cursor:pointer}