: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(--green);--color-on-accent: #fff;--radius-md: var(--radius-btn);--radius-lg: var(--radius-card)}body{background:var(--bg-base);color:var(--text-primary)}.title{font-family:var(--font-serif)}.devils .intro{margin:0 0 16px;font-size:.9375rem;line-height:1.7;color:var(--text-secondary)}.field{margin:0 0 18px;padding:0;border:none}.field label,.field legend{display:block;margin-bottom:6px;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.field .hint{display:block;margin-top:2px;font-size:.75rem;font-weight:400;color:var(--text-secondary)}.devils input,.devils textarea{width:100%;font-family:inherit;font-size:1rem;line-height:1.6;padding:10px 12px;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-btn)}.devils textarea{resize:vertical}.devils input:focus-visible,.devils textarea:focus-visible{outline:2px solid var(--green);outline-offset:1px}.option-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.option-idx{flex:none;width:22px;font-family:var(--font-serif);font-size:.9375rem;color:var(--brass);text-align:center}.option-row input{flex:1}.btn-primary{background:var(--green);color:#fff}.btn-ghost{font-size:.875rem;padding:8px 14px;background:transparent;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-btn);cursor:pointer;transition:border-color var(--transition-soft)}.btn-ghost:hover:not(:disabled){border-color:var(--green)}.btn-ghost:disabled{opacity:.5;cursor:default}.btn-sm{font-size:.75rem;padding:4px 10px;min-height:32px}.paper{margin-top:24px;padding:36px 28px 28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);animation:paper-in .2s cubic-bezier(.4,0,.2,1)}@keyframes paper-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.paper__no{margin:0;font-family:var(--font-serif);font-size:1.25rem;color:var(--wood)}.paper__topic{margin:10px 0 0;font-size:.9375rem;line-height:1.65;padding-bottom:16px;border-bottom:1px solid var(--border)}.paper__topic-label{display:inline-block;margin-right:10px;font-size:.75rem;letter-spacing:.08em;color:var(--brass)}.inquiry{margin-top:22px}.inquiry__no{margin:0 0 8px;font-family:var(--font-serif);font-size:1.0625rem;font-weight:600;color:var(--wood)}.inquiry__label{display:block;margin-bottom:2px;font-size:.6875rem;letter-spacing:.08em;color:var(--text-secondary)}.inquiry__lead{margin:0 0 10px;font-size:.9375rem;line-height:1.7;color:var(--text-primary)}.inquiry__question{margin:0;padding-left:12px;border-left:3px solid var(--oppose);font-family:var(--font-serif);font-size:1.0625rem;line-height:1.7;color:var(--wood)}.gentle-note{margin-top:24px;padding:14px 16px;background:#857d701a;border-left:3px solid var(--neutral)}.gentle-note h4{margin:0 0 4px;font-size:.8125rem;color:var(--neutral)}.gentle-note p{margin:0;font-size:.875rem;line-height:1.7;color:var(--text-secondary)}.paper__sign{margin-top:28px;font-family:var(--font-serif);font-size:.9375rem;color:var(--text-secondary);text-align:right}.paper__closing{margin:18px 0 0;font-family:var(--font-serif);font-size:1rem;line-height:1.7;color:var(--text-primary);text-align:center}.paper__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}.archive__title{margin:0 0 12px;font-family:var(--font-serif);font-size:1.0625rem;color:var(--wood)}.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-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@page{size:A4;margin:18mm}@media print{.no-print,.site-header,.twoweek,.footer{display:none!important}body{background:#fff;color:#000}.container{max-width:none;margin:0;padding:0}.paper{margin:0;padding:0;border:none;box-shadow:none;animation:none}.inquiry{break-inside:avoid}}:root{--bg-base:#F6F3EC;--bg-card:#FFF;--wood:#3E2E23;--green:#2E4A3C;--green-soft:#E4EBE4;--oppose:#9C4A38;--neutral:#857D70;--brass:#A9824F;--text-primary:#2C2823;--text-secondary:#857D70;--border:#E3DDD0;--radius-card:6px;--radius-btn:4px;--shadow-card:0 2px 10px rgba(62,46,35,.08);--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","Noto Serif KR",serif;--transition-soft:.2s cubic-bezier(.4,0,.2,1)}: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}