:root{--bg-base: #FAF8F4;--bg-card: #FFFFFF;--text-primary: #3D3A36;--text-secondary: #8A857D;--accent: #E8A87C;--accent-soft: #F7E3D3;--border: #EDE9E3;--success: #9CB380;--radius-card: 14px;--radius-input: 10px;--shadow-card: 0 2px 12px rgba(61, 58, 54, .06);--font-sans: ui-sans-serif, system-ui, "PingFang SC", "Hiragino Sans", "Apple SD Gothic Neo", sans-serif;--font-serif: Georgia, "Songti SC", "Noto Serif SC", "Noto Serif JP", serif;--transition-soft: .18s cubic-bezier(.4, 0, .2, 1)}[lang=en]{--font-sans: Inter, system-ui, sans-serif}[lang=ja]{--font-sans: "Hiragino Sans", "Noto Sans JP", sans-serif;--font-serif: Georgia, "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif}[lang=ko]{--font-sans: "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-serif: Georgia, "Nanum Myeongjo", "Noto Serif KR", 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.7;color:var(--text-primary);background:var(--bg-base)}@media(prefers-color-scheme:dark){body{background:#f2eee7}}button,a,select,input,[role=button],summary{min-height:var(--tap-target)}a{color:var(--accent)}.container{max-width:var(--container-max);margin-inline:auto;padding:40px 16px 32px}@media(min-width:768px){.container{padding:56px 24px}}.site-header{display:flex;flex-direction:column;gap:0}.title{margin:0;font-size:1.375rem;line-height:1.4;letter-spacing:.09em}.subtitle{margin:8px 0 0;font-size:.8125rem;line-height:1.6;color:var(--text-secondary)}.ask{margin:36px 0 16px;font-family:var(--font-serif);font-size:1.25rem;line-height:1.7}@media(min-width:768px){.ask{font-size:1.5rem}}.ask-line{padding:0 2px;background:linear-gradient(to top,var(--accent) 22%,var(--accent-soft) 22% 52%,transparent 52%)}.loading{margin-top:24px;font-size:.9375rem;color:var(--text-secondary)}.greeting{margin:28px 0 10px;font-size:.8125rem;color:var(--text-secondary)}.card{margin-top:20px;padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card)}.anon-hint{margin:0 0 12px;font-size:.875rem;line-height:1.8;color:var(--text-secondary)}.card .btn{margin-top:4px}.btn{min-height:var(--tap-target);font-family:inherit;font-size:1rem;padding:10px 18px;border:none;border-radius:var(--radius-input);background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;transition:opacity var(--transition-soft)}.btn:hover:not(:disabled){opacity:.88}.btn:disabled{opacity:.45;cursor:default}.input-card{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin-top:8px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card)}.input-card.failed{border:1px dashed var(--text-secondary)}@media(min-width:768px){.input-card{box-shadow:var(--shadow-card)}}.input-line{flex:1 1 240px;min-width:0;min-height:var(--tap-target);font-family:inherit;font-size:1rem;line-height:1.7;color:var(--text-primary);background:transparent;border:none;outline:none;padding:6px 2px}.input-line::placeholder{color:var(--text-secondary);opacity:.8}.saved-toast{margin:10px 2px 0;font-size:.8125rem;color:var(--success);animation:ink-in var(--transition-soft)}.note-error{margin:10px 2px 0;font-size:.8125rem;color:var(--text-secondary)}.err-detail{opacity:.75}.section{margin-top:44px}.section-title{margin:0 0 4px;font-size:.8125rem;color:var(--text-secondary)}.entry{padding:14px 2px;border-bottom:1px solid var(--border);animation:ink-in var(--transition-soft)}.entry-text{margin:0;font-size:1rem;line-height:1.7}.entry-time{margin:6px 0 0;font-size:.8125rem;color:var(--text-secondary)}.empty{margin:18px 2px;padding:10px 0;font-size:.875rem;line-height:1.8;color:var(--text-secondary)}.empty-invitation{font-family:var(--font-serif);font-size:1.0625rem}.site-footer{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between;margin-top:56px}.footnote{margin:0;max-width:46ch;font-size:.75rem;line-height:1.8;color:var(--text-secondary);opacity:.85}.lang-switch select{font-family:inherit;font-size:.875rem;min-height:var(--tap-target);padding:0 10px;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-input)}@keyframes ink-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.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}