:root{--color-bg: #F1F2F6;--color-surface: #F8F9FC;--color-text: #2A3140;--color-text-muted: #75798A;--color-text-faint: #A9ADBD;--color-border: #DFE2EC;--color-accent: #333A50;--color-on-accent: #ffffff;--color-danger: #c0564f;--color-code-bg: #E8EAF2;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Noto Sans Mono CJK SC", monospace;--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}[lang=ja]{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Noto Sans Mono CJK JP", monospace}[lang=ko]{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Noto Sans Mono CJK KR", monospace}: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}.verse-label{font-size:.85rem;color:var(--color-text-muted);letter-spacing:.08em}.verse-line{margin:.75rem 0;font-size:1.35rem;line-height:1.9;border-left:3px solid var(--color-accent);padding-left:.9rem;font-family:Georgia,Songti SC,"Noto Serif CJK SC","Noto Serif CJK JP","Noto Serif CJK KR",serif}.verse-date{font-size:.8rem;color:var(--color-text-faint);font-family:var(--font-mono)}.verse-input{width:100%;resize:vertical;font-size:1.1rem;line-height:1.8;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.7rem .9rem;background:var(--color-surface);color:var(--color-text)}.verse-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.6rem;gap:.5rem}.verse-count{font-size:.8rem;color:var(--color-text-faint);font-family:var(--font-mono)}.verse-summary{cursor:pointer;font-weight:600}.verse-month{margin:.9rem 0 1.2rem}.verse-month-name{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);margin-bottom:.4rem}.verse-row{margin:.35rem 0;line-height:1.8}.verse-row .verse-date{margin-right:.4rem}.btn-ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.mixtape-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;margin-bottom:.5rem}.chip{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-full);padding:.45rem .9rem;min-height:44px;cursor:pointer;color:var(--color-text)}.chip-on{border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.aicard{margin-top:.6rem}.ai-result{white-space:pre-wrap;line-height:1.9;background:var(--color-code-bg);padding:.8rem 1rem;border-radius:var(--radius-md);margin-top:.5rem}.btn{min-height:44px}@media(max-width:640px){.mixtape-grid{grid-template-columns:1fr}.verse-actions{flex-direction:column-reverse;align-items:stretch}.verse-actions .btn,.mixtape-grid .btn{width:100%}.verse-line{font-size:1.15rem}.container{padding:0 1rem}}