*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:root{color-scheme:light;--tap-min: 44px;--c-bg: #f8f4ed;--c-surface: rgba(255, 255, 255, .88);--c-text: #16162a;--c-text-sub: #5a4a38;--c-accent: #c49a50;--c-accent-hover: #d4aa60;--c-accent-text: #6f532b;--c-accent-light: rgba(196, 154, 80, .1);--c-accent-secondary: #8b7355;--c-accent-gold: #c49a50;--c-border: #d8c8a0;--c-border-interactive: #9f8541;--c-border-focus: #aa8139;--c-panel: rgba(255, 255, 255, .6);--c-panel-thin: rgba(255, 255, 255, .5);--c-panel-border: rgba(255, 255, 255, .6);--c-panel-border-thin: rgba(255, 255, 255, .4);--c-link: #6f532b;--c-text-muted: #5a4a38;--radius: 14px;--radius-sm: 10px;--shadow: 0 2px 8px rgba(201,169,110,.08), 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(201,169,110,.12), 0 2px 6px rgba(0,0,0,.04);--transition: .2s ease;--max-w: 960px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--c-bg: #1a1a2e;--c-surface: rgba(40, 40, 60, .7);--c-text: #ece5da;--c-text-sub: #c9bda7;--c-accent-text: #d4b87a;--c-accent-light: rgba(201, 169, 110, .15);--c-border: #3a3550;--c-border-interactive: #7c73a2;--c-border-focus: #c49a50;--c-panel: rgba(40, 40, 60, .65);--c-panel-thin: rgba(40, 40, 60, .55);--c-panel-border: rgba(90, 85, 115, .5);--c-panel-border-thin: rgba(90, 85, 115, .4);--c-link: #d4b87a;--c-text-muted: #c9bda7;--shadow: 0 2px 8px rgba(0,0,0,.2), 0 1px 3px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.3), 0 2px 6px rgba(0,0,0,.15)}:root:not([data-theme=light]) .data-warning,:root:not([data-theme=light]) .logo-size-warning{color:#fbbf24}:root:not([data-theme=light]) .logo-remove-btn{color:#fa9494}:root:not([data-theme=light]) .preset-feedback{color:#fbbf24}:root:not([data-theme=light]) .preset-item__del{color:#fa9494}:root:not([data-theme=light]) .preset-item__del:hover{border-color:#fa9494}:root:not([data-theme=light]) .prefs-clear-btn:hover{border-color:#fa9494;color:#fa9494}:root:not([data-theme=light]) #qr-canvas{background:radial-gradient(circle at center,#3c374b80,#c9a96e0f)}:root:not([data-theme=light]) .share__btn--x:hover{border-color:var(--c-text);color:var(--c-text)}:root:not([data-theme=light]) .contact-success{background:transparent;border-color:#4ade80}:root:not([data-theme=light]) .contact-error{color:#fa9494}:root:not([data-theme=light]) ::selection{background:#c9a96e4d}:root:not([data-theme=light]) img,:root:not([data-theme=light]) svg{opacity:.92}}[data-theme=dark]{color-scheme:dark;--c-bg: #1a1a2e;--c-surface: rgba(40, 40, 60, .7);--c-text: #ece5da;--c-text-sub: #c9bda7;--c-accent-text: #d4b87a;--c-accent-light: rgba(201, 169, 110, .15);--c-border: #3a3550;--c-border-interactive: #7c73a2;--c-border-focus: #c49a50;--c-panel: rgba(40, 40, 60, .65);--c-panel-thin: rgba(40, 40, 60, .55);--c-panel-border: rgba(90, 85, 115, .5);--c-panel-border-thin: rgba(90, 85, 115, .4);--c-link: #d4b87a;--c-text-muted: #c9bda7;--shadow: 0 2px 8px rgba(0,0,0,.2), 0 1px 3px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.3), 0 2px 6px rgba(0,0,0,.15)}[data-theme=dark] .data-warning,[data-theme=dark] .logo-size-warning{color:#fbbf24}[data-theme=dark] .logo-remove-btn{color:#fa9494}[data-theme=dark] .preset-feedback{color:#fbbf24}[data-theme=dark] .preset-item__del{color:#fa9494}[data-theme=dark] .preset-item__del:hover{border-color:#fa9494}[data-theme=dark] .prefs-clear-btn:hover{border-color:#fa9494;color:#fa9494}[data-theme=dark] #qr-canvas{background:radial-gradient(circle at center,#3c374b80,#c9a96e0f)}[data-theme=dark] .share__btn--x:hover{border-color:var(--c-text);color:var(--c-text)}[data-theme=dark] .contact-success{background:transparent;border-color:#4ade80}[data-theme=dark] .contact-error{color:#fa9494}[data-theme=dark] ::selection{background:#c9a96e4d}[data-theme=dark] img,[data-theme=dark] svg{opacity:.92}html{font-size:16px;scroll-behavior:smooth}.theme-toggle{background:none;border:1px solid var(--c-border-interactive);border-radius:50%;width:var(--tap-min);height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--c-text-sub);transition:border-color var(--transition),color var(--transition)}.theme-toggle:hover{border-color:var(--c-accent);color:var(--c-accent-text)}body{font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--c-bg);color:var(--c-text);line-height:1.6;letter-spacing:-.01em;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}html[lang=ja] .page-content h1,html[lang=ja] .content-block h2,html[lang=ja] .content-block h3,html[lang=ja] .article-section h2,html[lang=ja] .article-section h3,html[lang=ja] .article-section p,html[lang=ja] .article-section li,html[lang=ja] .glossary-body,html[lang=ja] .content-block p,html[lang=ja] .faq-answer,html[lang=ja] .articles-description,html[lang=ja] .page-content p{line-break:strict}html[lang=ja] .article-section p,html[lang=ja] .article-section li,html[lang=ja] .glossary-body,html[lang=ja] .content-block p,html[lang=ja] .faq-answer,html[lang=ja] .page-content p{overflow-wrap:break-word}.page-content h1,.content-block h2,.content-block h3,.article-section h2,.article-section h3,.featured-card h3{text-wrap:balance;word-break:auto-phrase}.article-section p,.article-section li,.glossary-body,.content-block p,.faq-answer,.articles-description,.page-content p{text-wrap:pretty}.featured-card p,.article-card__desc{text-wrap:wrap}html[lang=ja] .page-content,html[lang=ja] .article-section,html[lang=ja] .glossary-body,html[lang=ja] .content-block p,html[lang=ja] .faq-answer{font-feature-settings:"palt" 1}::selection{background:#c9a96e33;color:var(--c-text)}a{color:var(--c-accent-text);text-decoration:none;transition:color var(--transition)}a:hover:not(.related-card):not(.article-card):not(.featured-card):not(.share__btn):not(.back-link):not(.lang-switch):not(.lang-select-link):not(.skip-link):not(.header__title):not(.article-row):not(.toc-chip){text-decoration:underline;text-underline-offset:3px}.skip-link{position:absolute;top:-100%;left:1rem;z-index:1000;padding:.5rem 1rem;background:var(--c-text);color:#fff;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600}.skip-link:focus{top:1rem}.header{padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:nowrap;min-height:56px;max-width:var(--max-w);width:100%;margin:0 auto}.header__title{padding:.75rem .5rem;margin:-.75rem -.5rem;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;word-break:keep-all;color:var(--c-accent-text)}.header__subtitle{font-size:.8125rem;color:var(--c-text-sub);margin-left:.75rem}.header__nav{display:flex;align-items:center;gap:.375rem;flex-wrap:nowrap;flex-shrink:0;margin-left:auto}.header__brand{display:flex;align-items:baseline;min-width:0}.main{flex:1;max-width:var(--max-w);width:100%;margin:0 auto;padding:0 1.5rem 3rem}.tool-lead{font-size:1.0625rem;color:var(--c-text);margin-bottom:.75rem}.type-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem;list-style:none}.type-tab{position:relative;padding:.5rem 1.125rem;border:1.5px solid var(--c-border-interactive);border-radius:100px;background:var(--c-surface);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition);color:var(--c-text-sub);white-space:nowrap}.type-tab:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:2px;background:var(--c-accent);border-radius:1px;transition:transform .3s ease}.type-tab:hover:after{transform:translate(-50%) scaleX(1)}.type-tab.active:after{display:none}.type-tab:hover{background:#c9a96e0f;color:var(--c-text)}@media(hover:hover){.type-tab:hover{transform:translateY(-1px);box-shadow:var(--shadow)}}.type-tab.active{background:linear-gradient(135deg,#7c6844,#685838);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 2px 8px #c9a96e4d}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.form-panel{background:var(--c-panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--c-panel-border)}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--c-text-sub);margin-bottom:.375rem;transition:color var(--transition)}.form-group:has(.form-input:focus) .form-label,.form-group:has(.form-select:focus) .form-label,.form-group:has(.form-textarea:focus) .form-label{color:var(--c-accent)}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem .875rem;border:1.5px solid var(--c-border-interactive);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;color:var(--c-text);background:var(--c-surface);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--c-border-focus);box-shadow:0 0 0 3px #c9a96e26}.form-textarea{resize:vertical;min-height:80px}.form-hint{font-size:.8125rem;color:var(--c-text-sub);margin:.375rem 0 0}.form-hint a{color:var(--c-accent-text)}.form-divider-label{font-size:.8125rem;font-weight:500;color:var(--c-text-sub);margin:1rem 0 .75rem;display:flex;align-items:center;gap:.75rem}.form-divider-label:before,.form-divider-label:after{content:"";flex:1;border-top:1px solid var(--c-border)}.form-group--pair{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:480px){.form-group--pair{grid-template-columns:1fr}}.geo-locate-btn{padding:.5rem 1rem;border:1.5px dashed var(--c-accent);border-radius:var(--radius-sm);background:var(--c-accent-light);font-size:.8125rem;font-family:inherit;cursor:pointer;color:var(--c-accent-text);transition:all var(--transition)}.geo-locate-btn:hover{background:#c9a96e26}.geo-locate-btn:disabled{cursor:progress;opacity:.6}.form-checkbox-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.form-checkbox-row input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--c-accent)}.preview-panel{background:var(--c-panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--c-panel-border);display:flex;flex-direction:column;align-items:center;gap:1.25rem;position:sticky;top:1.5rem}#qr-canvas{position:relative;display:flex;justify-content:center;align-items:center;min-height:300px;aspect-ratio:1;padding:1rem;background:radial-gradient(circle at center,#fff6,#c9a96e0f);border-radius:var(--radius-sm);width:100%;box-shadow:inset 0 0 0 2px #c9a96e1a,inset 0 0 0 2px #8b73550d}#qr-canvas:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,rgba(139,115,85,.03) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(139,115,85,.03) 0 1px,transparent 1px 4px)}#qr-canvas img.qr-img{position:relative;z-index:1}#qr-canvas canvas,#qr-canvas svg{border-radius:var(--radius-sm)}@keyframes qrImprint{0%{clip-path:inset(0 0 100% 0)}}.qr-imprint{animation:qrImprint .32s cubic-bezier(.22,1,.36,1)}@keyframes qrCrossfade{0%{opacity:0}}.qr-crossfade{animation:qrCrossfade .12s ease-out}@keyframes qrImprintPulse{0%{box-shadow:inset 0 0 0 2px #c9a96e1a,inset 0 0 0 2px #8b73550d,0 0 0 6px #c49a5014}to{box-shadow:inset 0 0 0 2px #c9a96e1a,inset 0 0 0 2px #8b73550d,0 0 #c49a5000}}#qr-canvas.qr-imprint-pulse{animation:qrImprintPulse .32s ease-out}#qr-canvas.qr-canvas--loading{animation:qrCanvasLoading 1.2s ease-in-out infinite}@keyframes qrCanvasLoading{0%,to{opacity:1}50%{opacity:.55}}#qr-canvas.qr-canvas--empty:after{content:attr(data-empty-hint);font-size:.875rem;color:var(--c-text-sub);text-align:center;padding:0 1.5rem;line-height:1.6}#qr-canvas.qr-canvas--empty canvas,#qr-canvas.qr-canvas--empty svg,#qr-canvas.qr-canvas--empty img.qr-img{display:none}.qr-status{font-size:.8125rem;color:var(--c-text-sub);text-align:center;width:100%;margin:-.5rem 0}.dl-size-row{display:flex;align-items:center;gap:.375rem .75rem;width:100%;flex-wrap:wrap}.dl-size-label{font-size:.8125rem;color:var(--c-text-sub);white-space:nowrap}.dl-size-select{flex:1 1 14rem;min-width:0;text-overflow:ellipsis}.dl-size-note{font-size:.8125rem;color:var(--c-text-sub);width:100%;margin:-.5rem 0 0}.dl-buttons{display:flex;gap:.75rem;width:100%}@media(max-width:480px){.dl-buttons{flex-direction:column;gap:.625rem}}.btn{flex:1;padding:.75rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition);text-align:center}.btn-primary{background:linear-gradient(135deg,#7c6844,#685838);color:#fff;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#85704b,#766142)}@media(hover:hover){.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #c9a96e4d,0 0 8px #c9a96e1a}}.btn-primary:focus-visible{box-shadow:0 0 0 3px #c9a96e33}.btn-primary:active:not(:disabled){transform:scale(.96) translateY(1px)}.btn-secondary{background:var(--c-surface);color:var(--c-text);border:1.5px solid var(--c-border-interactive)}.btn-secondary:hover:not(:disabled){border-color:var(--c-accent)}@media(hover:hover){.btn-secondary:hover:not(:disabled){transform:translateY(-1px)}}.btn-secondary:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.customize-toggle{width:100%;padding:.75rem 0;background:none;border:none;border-top:1.5px solid var(--c-border-interactive);font-size:.875rem;font-weight:600;color:var(--c-text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:inherit}.customize-toggle:after{content:"\25be";transition:transform var(--transition);color:var(--c-accent-text)}.customize-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.customize-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s ease}.customize-panel[hidden]{display:none}.customize-panel.is-open{grid-template-rows:1fr}.customize-panel__inner{overflow:hidden;min-height:0}.customize-panel__inner>:first-child{margin-top:1rem}.customize-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.customize-row:last-child{margin-bottom:0}.customize-label{font-size:.8125rem;color:var(--c-text-sub);min-width:5.75rem;word-break:keep-all}.dot-styles{display:flex;gap:.5rem;flex-wrap:wrap}.dot-style-btn{width:2.75rem;height:2.75rem;border:2px solid var(--c-border-interactive);border-radius:var(--radius-sm);background:var(--c-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.dot-style-btn:hover{border-color:var(--c-accent)}@media(hover:hover){.dot-style-btn:hover{transform:translateY(-1px)}}.dot-style-btn:active{transform:scale(.92);transition-duration:.12s}.dot-style-btn.active{border-color:var(--c-accent);background:var(--c-accent-light)}.dot-style-btn .dot-preview{width:.75rem;height:.75rem;background:var(--c-text)}.dot-style-btn[data-dot-style=square] .dot-preview{border-radius:0}.dot-style-btn[data-dot-style=rounded] .dot-preview{border-radius:50%}.dot-style-btn[data-dot-style=dots] .dot-preview{border-radius:50%;width:5px;height:5px}.dot-style-btn[data-dot-style=classy] .dot-preview{border-radius:0 50% 50% 0}.dot-style-btn[data-dot-style=classy-rounded] .dot-preview{border-radius:3px}.dot-style-btn[data-dot-style=extra-rounded] .dot-preview{border-radius:50% 50% 50% 0}.color-input{width:2.75rem;height:2.75rem;border:2px solid var(--c-border-interactive);border-radius:var(--radius-sm);padding:2px;cursor:pointer;background:var(--c-surface)}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:6px}.logo-upload-btn{padding:.5rem 1rem;border:1.5px dashed var(--c-accent);border-radius:var(--radius-sm);background:var(--c-accent-light);font-size:.8125rem;cursor:pointer;color:var(--c-accent-text);transition:all var(--transition)}.logo-upload-btn:hover{background:#c9a96e26}.logo-remove-btn{padding:.375rem .75rem;border:none;border-radius:var(--radius-sm);background:#ef44441a;color:#b91c1c;font-size:.8125rem;cursor:pointer}.size-slider{flex:1;min-width:0;accent-color:var(--c-accent)}.size-value{font-size:.8125rem;color:var(--c-text-sub);min-width:3rem;text-align:right}.type-memory-hint{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .75rem;font-size:.875rem;color:var(--c-text-sub);margin:-.75rem 0 1.25rem}.type-memory-hint__btn{background:none;border:none;padding:.25rem 0;min-height:24px;font-size:.875rem;font-family:inherit;color:var(--c-accent-text);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.type-memory-hint__btn:hover{color:var(--c-accent-hover)}.preset-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--c-border)}.preset-section__title{font-size:.875rem;font-weight:600;color:var(--c-text)}.preset-section__note{font-size:.875rem;color:var(--c-text-sub);margin:.25rem 0 .75rem}.preset-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.preset-empty{font-size:.875rem;color:var(--c-text-sub)}.preset-item{display:flex;align-items:stretch;gap:.5rem}.preset-chip{flex:1;min-width:0;display:flex;align-items:center;gap:.625rem;min-height:2.75rem;padding:.375rem .75rem;border:1.5px solid var(--c-border-interactive);border-radius:var(--radius-sm);background:var(--c-surface);font-family:inherit;font-size:.875rem;color:var(--c-text);text-align:left;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.preset-chip:hover{border-color:var(--c-accent)}.preset-chip:active{transform:scale(.98)}.preset-chip.active{border-color:var(--c-accent);background:var(--c-accent-light)}.preset-chip__swatch{width:1.125rem;height:1.125rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--sw-bg, #ffffff);border:1px solid var(--c-border-interactive)}.preset-chip__swatch:before{content:"";width:.5rem;height:.5rem;background:var(--sw-fg, #1a1a2e)}.preset-chip__name{min-width:0;overflow-wrap:anywhere}.preset-item__del{flex-shrink:0;width:2.75rem;border:1.5px solid var(--c-border-interactive);border-radius:var(--radius-sm);background:var(--c-surface);color:#b91c1c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition)}.preset-item__del:hover{border-color:#b91c1c}.preset-item__del svg{width:.875rem;height:.875rem}.preset-save-row{display:flex;gap:.5rem}.preset-name-input{flex:1;min-width:0;font-size:.875rem;padding:.5rem .75rem}.preset-save-btn{flex-shrink:0;min-height:2.75rem;padding:.5rem 1rem;border:1.5px dashed var(--c-accent);border-radius:var(--radius-sm);background:var(--c-accent-light);font-size:.875rem;font-weight:500;font-family:inherit;color:var(--c-accent-text);cursor:pointer;transition:background var(--transition)}.preset-save-btn:hover{background:#c9a96e26}.preset-feedback{font-size:.875rem;color:#92400e;margin:.5rem 0 0}.prefs-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--c-border)}.prefs-toggle-row{min-height:24px}.prefs-section__note{font-size:.875rem;color:var(--c-text-sub);margin:.5rem 0 .75rem}.prefs-section__note a{color:var(--c-accent-text)}.prefs-clear-btn{min-height:2rem;padding:.375rem .75rem;border:1.5px solid var(--c-border-interactive);border-radius:var(--radius-sm);background:var(--c-surface);font-size:.875rem;font-family:inherit;color:var(--c-text-sub);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.prefs-clear-btn:hover{border-color:#b91c1c;color:#b91c1c}.data-warning{font-size:.8125rem;color:#92400e;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);padding:.625rem .875rem;border-radius:var(--radius-sm);text-align:center;width:100%}.privacy-note{text-align:center;font-size:.8125rem;color:var(--c-text-sub);margin-top:1rem;padding:.75rem;border:1px solid var(--c-border);border-radius:var(--radius-sm)}.footer{padding:2rem 1.5rem 1.75rem;color:var(--c-text-sub);border-top:1.5px solid var(--c-border);margin-top:auto}.footer__nav{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.25rem 2rem}.footer-group__title{font-size:.875rem;font-weight:500;color:var(--c-text-sub);margin:0 0 .25rem;letter-spacing:.04em}.footer-group__list{list-style:none;margin:0;padding:0}.footer-group__list a,.footer-lang-current{display:flex;align-items:center;min-height:var(--tap-min);font-size:1rem;color:var(--c-text)}.footer-group__list a{text-decoration:none;transition:color var(--transition)}.footer-group__list a:hover{color:var(--c-accent-text)}.footer-lang-current{font-weight:600;color:var(--c-accent-text)}.footer__copyright{max-width:var(--max-w);margin:1.5rem auto 0;font-size:.875rem;color:var(--c-text-sub);text-align:center;word-break:keep-all}.footer__copyright small{font-size:inherit}@media(max-width:599px){.footer{padding:1.5rem 1rem 1.25rem}.footer__nav{grid-template-columns:1fr 1fr;gap:1rem}.footer-group__list a,.footer-lang-current{word-break:keep-all}}@media(max-width:359px){.footer__nav{grid-template-columns:1fr}}.page-content{max-width:640px;margin:1.25rem auto;padding:0 1.5rem}.page-content h1{font-size:1.5rem;margin-bottom:1.5rem;color:var(--c-accent-text);font-weight:700}.page-content h2{font-size:1.125rem;margin:1.5rem 0 .75rem}.glossary-body h3{font-size:1.0625rem;font-weight:600;margin:1.5rem 0 .5rem;color:var(--c-text)}.glossary-body table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.875rem;color:var(--c-text-sub)}.glossary-body th,.glossary-body td{padding:.5rem .75rem;border:1px solid rgba(201,169,110,.2);text-align:left;line-height:1.6}.glossary-body th{background:#c9a96e0f;font-weight:600;color:var(--c-text)}.glossary-body tbody tr:hover{background:#c9a96e08}@media(max-width:600px){.glossary-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.body-figure{margin:0 0 1rem}.body-figure svg{display:block;width:100%;max-width:420px;height:auto}.body-figure figcaption{margin-top:.5rem;font-size:.875rem;color:var(--c-text-sub)}.page-content p{margin-bottom:1rem;color:var(--c-text-sub)}.page-content a.back-link{display:inline-block;margin-top:1rem;padding:.625rem 1.25rem;border:1.5px solid var(--c-border-interactive);border-radius:100px;color:var(--c-text);font-size:.875rem;transition:all var(--transition)}.page-content a.back-link:hover{border-color:var(--c-accent)}@media(hover:hover){.page-content a.back-link:hover{transform:translateY(-1px)}}.share{margin:1.25rem 0 1rem}.share__title{font-size:1rem;font-weight:600;color:var(--c-text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1.5px solid var(--c-border)}.share__buttons{display:flex;gap:.625rem;flex-wrap:wrap}.share__btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border:1.5px solid var(--c-border-interactive);border-radius:var(--radius-sm);background:var(--c-panel-thin);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--c-text);cursor:pointer;text-decoration:none;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);font-family:inherit;line-height:1}.share__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);opacity:1}.share__btn:focus-visible{outline:2px solid var(--c-border-focus);outline-offset:2px}.share__btn--x:hover{border-color:#000;color:#000}.share__btn--hatena:hover{border-color:#00a4de;color:#00a4de}.share__btn--copy:hover{border-color:var(--c-accent);color:var(--c-accent-text)}.related-cards{margin:1.25rem 0 1.5rem}.related-cards__title{font-size:1rem;font-weight:600;color:var(--c-text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1.5px solid var(--c-border)}.related-cards__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.related-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;background:var(--c-panel-thin);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--c-panel-border-thin);border-radius:var(--radius-sm);transition:border-color var(--transition),box-shadow var(--transition);text-decoration:none;color:var(--c-text)}.related-card:hover{border-color:var(--c-accent);box-shadow:var(--shadow);opacity:1}.related-card__text{font-size:.8125rem;font-weight:500;line-height:1.4}.related-card__arrow{flex-shrink:0;font-size:.8125rem;color:var(--c-accent-text);transition:transform var(--transition)}.related-card:hover .related-card__arrow{transform:translate(2px)}@media(max-width:600px){.related-cards__grid{grid-template-columns:1fr}}.content-sections{margin-top:1.5rem}.content-block{margin-bottom:1.5rem}.content-block:after{content:"";display:block;width:60%;height:1px;margin:1.5rem auto 0;background:var(--c-border)}.content-block:last-child:after{display:none}.content-block h2{font-size:1.25rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1.25rem;color:var(--c-text);position:relative;padding-bottom:.75rem}.content-block h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--c-accent);border-radius:2px}.content-block h3{font-size:1.0625rem;font-weight:600;margin-bottom:.5rem;color:var(--c-text)}.content-block p{font-size:1rem;color:var(--c-text-sub);line-height:1.8}.steps-grid,.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.steps-grid{gap:0}.steps-grid .step-card{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;box-shadow:none;padding:0 1.5rem 0 0;position:relative;overflow:visible}.steps-grid .step-card:before{display:none}.steps-grid .step-card:not(:last-child):after{content:"";position:absolute;top:1.25rem;left:3.25rem;right:.75rem;height:2px;background:repeating-linear-gradient(90deg,var(--c-border) 0 6px,transparent 6px 12px);pointer-events:none}.step-card__num{display:block;font-size:2rem;line-height:1.25;font-weight:800;letter-spacing:.02em;font-feature-settings:"tnum" 1;color:var(--c-accent-text);margin-bottom:.375rem}@media(hover:hover){.steps-grid .step-card:hover{transform:none;border-color:transparent;box-shadow:none}}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem 2.5rem}.features-grid .feature-card{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;box-shadow:none;padding:0 0 0 2.125rem;position:relative;overflow:visible}.features-grid .feature-card:before{content:"\2713";content:"\2713" / "";top:.125rem;left:0;right:auto;width:1.375rem;height:1.375rem;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--c-accent-text);border-radius:50%;background:none;color:var(--c-accent-text);font-size:.8125rem;font-weight:700;line-height:1;opacity:1}@media(hover:hover){.features-grid .feature-card:hover{transform:none;border-color:transparent;box-shadow:none}}.qr-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.step-card,.feature-card,.qr-type-card{position:relative;overflow:hidden;background:var(--c-panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--c-panel-border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}[data-switch-type]{cursor:pointer}.step-card:before,.feature-card:before,.qr-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-radius:var(--radius) var(--radius) 0 0;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.step-card:hover:before,.feature-card:hover:before,.qr-type-card:hover:before{opacity:1}@media(hover:hover){.step-card:hover,.feature-card:hover,.qr-type-card:hover{transform:translateY(-4px);border-color:#c9a96e4d;box-shadow:0 8px 24px #c9a96e1f,0 0 0 1px #c9a96e26}}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.featured-card{position:relative;overflow:hidden;display:block;text-decoration:none;color:inherit;background:var(--c-panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--c-panel-border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.featured-card:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-radius:var(--radius) var(--radius) 0 0;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.featured-card:hover:before{opacity:1}@media(hover:hover){.featured-card:hover{transform:translateY(-4px);border-color:#c9a96e4d;box-shadow:0 8px 24px #c9a96e1f,0 0 0 1px #c9a96e26}}.featured-card h3{font-size:1.0625rem;font-weight:600;margin-bottom:.5rem;color:var(--c-text)}.featured-card p{font-size:.875rem;color:var(--c-text-sub);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-card.is-lead{grid-column:1 / -1;padding:1.75rem 2rem}.featured-card.is-lead h3{font-size:1.125rem;margin-bottom:.625rem}.featured-card.is-lead p{font-size:.875rem;-webkit-line-clamp:2;max-width:60ch}.featured-more{text-align:center;margin-top:1.25rem}.featured-more a{color:var(--c-accent-text);text-decoration:none;font-size:.875rem;font-weight:600;transition:color var(--transition)}.featured-more a:hover{text-decoration:underline;text-underline-offset:3px}.faq-list{margin-top:1.5rem}.faq-item{border:1.5px solid var(--c-border-interactive);border-radius:var(--radius-sm);margin-bottom:.75rem;background:var(--c-surface);overflow:hidden;transition:border-color var(--transition)}.faq-item:hover,.faq-item[open]{border-color:var(--c-accent)}.faq-question{padding:1rem 1.25rem;font-size:1rem;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;color:var(--c-text);transition:background var(--transition)}.faq-question:hover{background:#c9a96e0f}.faq-question:after{content:"\25be";color:var(--c-accent-text);transition:transform var(--transition);flex-shrink:0;margin-left:.75rem}.faq-item[open] .faq-question:after{transform:rotate(180deg)}.faq-question::-webkit-details-marker{display:none}.faq-answer{padding:0 1.25rem 1rem;font-size:1rem;color:var(--c-text-sub);line-height:1.7}.logo-size-warning{font-size:.8125rem;color:#92400e;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);padding:.625rem .875rem;border-radius:var(--radius-sm);text-align:center;width:100%}.ec-level-btn{font-size:.8125rem;font-weight:700;color:var(--c-text)}.ec-level-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.ec-logo-note{font-size:.8125rem;color:var(--c-text-sub);margin:-.5rem 0 1rem}.reader-heading{font-size:1.5rem;margin:0 0 .5rem;text-align:center}.reader-panel{max-width:640px;margin:0 auto 2rem;background:var(--c-panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--c-panel-border);display:flex;flex-direction:column;gap:1.25rem}.reader-dropzone{border:2px dashed var(--c-border-interactive);border-radius:var(--radius-sm);padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.reader-dropzone:hover,.reader-dropzone.is-dragover{border-color:var(--c-accent);background:var(--c-accent-light)}.reader-dropzone__hint{font-size:.875rem;color:var(--c-text-sub);margin:0 0 1rem}.reader-select-btn{display:inline-block}.reader-preview{max-width:200px;max-height:200px;border-radius:var(--radius-sm);border:1px solid var(--c-border);margin-bottom:1rem}.reader-result h2{font-size:1.125rem;margin:0 0 1rem}.reader-result__list{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0}.reader-result__list>dt{font-size:.8125rem;font-weight:500;color:var(--c-text-sub);white-space:nowrap}.reader-result__list>dd{margin:0;min-width:0}.reader-fields{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:0}.reader-fields dt{font-size:.8125rem;color:var(--c-text-sub);white-space:nowrap}.reader-fields dd{margin:0;font-size:.875rem;overflow-wrap:anywhere}.reader-raw{font-size:.8125rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:.625rem .875rem;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:12rem;overflow-y:auto}.reader-generator-link{margin:1rem 0 0;text-align:center}.reader-generator-link .btn{display:inline-block;text-decoration:none}.reader-related{max-width:640px;margin:0 auto}.articles-description{font-size:1rem;color:var(--c-text-sub);line-height:1.7;margin-bottom:1.5rem}.articles-grid{display:grid;grid-template-columns:1fr;gap:1rem}.article-card{display:block;background:var(--c-panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--c-panel-border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:transform var(--transition),box-shadow var(--transition)}.article-card:hover{box-shadow:var(--shadow-lg);opacity:1}@media(hover:hover){.article-card:hover{transform:translateY(-2px)}}.article-card .article-card__title{font-size:1.0625rem;font-weight:600;color:var(--c-text);margin-top:0;margin-bottom:.375rem}.article-card__desc{font-size:.875rem;color:var(--c-text-sub);line-height:1.6;margin-bottom:.5rem}.articles-toc{background:var(--c-panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--c-panel-border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.articles-toc__title{font-size:.8125rem;font-weight:700;color:var(--c-accent-text);letter-spacing:.04em;margin-bottom:.6rem}.articles-toc__grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.toc-chip{display:flex;align-items:center;background:var(--c-accent-light);color:var(--c-accent-text);font-size:.8125rem;font-weight:600;padding:.5rem .65rem;border-radius:var(--radius-sm);line-height:1.4;text-wrap:balance;word-break:auto-phrase}.toc-chip:hover{background:#c49a502e}[data-theme=dark] .toc-chip:hover{background:#c9a96e40}.article-chapter{background:var(--c-panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--c-panel-border);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow);margin-bottom:1.5rem;scroll-margin-top:44px}.article-chapter .article-chapter__head{font-size:1.0625rem;font-weight:700;color:var(--c-text);margin:0 0 .25rem;padding-bottom:.55rem;border-bottom:2px solid var(--c-accent)}.article-row{display:block;padding:.65rem 0;border-bottom:1px solid var(--c-border)}.article-row:last-of-type{border-bottom:none;padding-bottom:.1rem}.article-row__title{display:block;font-size:.9375rem;font-weight:600;color:var(--c-link);line-height:1.5;margin-bottom:.15rem}.article-row__desc{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:.8125rem;color:var(--c-text-sub);line-height:1.55;text-wrap:wrap}.article-row:hover .article-row__title{text-decoration:underline;text-underline-offset:3px}.article-content{max-width:720px}.article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.8125rem;color:var(--c-text-sub)}.pronounce-btn{display:inline-flex;align-items:center;gap:.375rem;margin:0 0 .75rem;padding:.3rem .875rem;border:1px solid var(--c-border-interactive);border-radius:9999px;background:var(--c-surface);color:var(--c-text-sub);cursor:pointer;font-size:.8125rem;transition:border-color var(--transition),color var(--transition)}.pronounce-btn:hover{border-color:var(--c-accent);color:var(--c-accent-text)}.pronounce-btn.is-playing{border-color:var(--c-accent);background:var(--c-accent-light);color:var(--c-accent-text)}.pronounce-btn[hidden]{display:none}.article-meta__date,.article-meta__reading-time{color:var(--c-text-sub)}.article-section{margin-bottom:1rem}.article-section h2{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--c-text)}.article-section h3{font-size:1.0625rem;font-weight:600;margin-bottom:.5rem;color:var(--c-text)}.article-section p{line-height:1.8;margin-bottom:1rem;color:var(--c-text-sub);font-size:1rem}.article-section ul,.article-section ol{margin-bottom:1rem;padding-left:1.5rem;color:var(--c-text-sub);font-size:1rem;line-height:1.8}.article-section li{margin-bottom:.375rem}.article-section code{font-size:.875rem;background:#c9a96e14;padding:.125rem .375rem;border-radius:4px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace}.article-section table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.875rem;color:var(--c-text-sub)}.article-section th,.article-section td{padding:.5rem .75rem;border:1px solid rgba(201,169,110,.2);text-align:left;line-height:1.6}.article-section th{background:#c9a96e0f;font-weight:600;color:var(--c-text)}.article-section tbody tr:hover{background:#c9a96e08}@media(max-width:600px){.article-section table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.article-nav{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}@keyframes ripple{to{transform:scale(4);opacity:0}}.ripple-wave{position:absolute;border-radius:50%;background:#ffffff4d;transform:scale(0);animation:ripple .6s ease-out;pointer-events:none}.btn-downloaded{pointer-events:none}@keyframes qrTaken{40%{transform:translateY(6px) scale(.985)}}#qr-canvas.qr-taken img.qr-img{animation:qrTaken .22s ease-out}.mini-preview{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:88px;height:88px;padding:6px;background:#fff;border:1.5px solid var(--c-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:50;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease}.mini-preview.is-visible{opacity:1;pointer-events:auto}.mini-preview img{display:block;width:100%;height:100%;object-fit:contain}@media(min-width:769px){.mini-preview{display:none}}@keyframes panelEnter{0%{opacity:0;transform:translateY(4px)}}.panel-enter{animation:panelEnter .18s ease-out}.scroll-fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.scroll-fade-in.is-visible{opacity:1;transform:translateY(0)}.scroll-fade-in:nth-child(2){transition-delay:.1s}.scroll-fade-in:nth-child(3){transition-delay:.2s}.scroll-fade-in:nth-child(4){transition-delay:.3s}.scroll-fade-in:nth-child(5){transition-delay:.4s}.scroll-fade-in:nth-child(6){transition-delay:.5s}@supports not (backdrop-filter: blur(24px)){.form-panel,.preview-panel,.qr-type-card,.article-card,.articles-toc,.article-chapter,.featured-card{background:#fffffff2}[data-theme=dark] .form-panel,[data-theme=dark] .preview-panel,[data-theme=dark] .qr-type-card,[data-theme=dark] .article-card,[data-theme=dark] .articles-toc,[data-theme=dark] .article-chapter,[data-theme=dark] .featured-card{background:#23233af2}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .form-panel,:root:not([data-theme=light]) .preview-panel,:root:not([data-theme=light]) .qr-type-card,:root:not([data-theme=light]) .article-card,:root:not([data-theme=light]) .articles-toc,:root:not([data-theme=light]) .article-chapter,:root:not([data-theme=light]) .featured-card{background:#23233af2}}}.illustration-area{display:flex;justify-content:center;margin-top:1rem}.illustration-area[hidden]{display:none}.illustration-area svg{width:100%;max-width:320px;height:auto}@keyframes dotFall{0%,to{transform:translateY(-30px);opacity:0}30%{opacity:1}50%,80%{transform:translateY(0);opacity:1}90%{transform:translateY(0);opacity:0}}.qr1-dot{animation:dotFall 4s ease-in-out infinite}@keyframes slideFromLeft{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideFromRight{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideFromTop{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideFromBottom{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.pz-l{animation:slideFromLeft 2s ease-out infinite alternate}.pz-r{animation:slideFromRight 2s ease-out infinite alternate}.pz-t{animation:slideFromTop 2s ease-out infinite alternate}.pz-b{animation:slideFromBottom 2s ease-out infinite alternate}@keyframes wobble{0%,to{transform:rotate(0) translateY(0)}15%{transform:rotate(8deg) translateY(-3px)}30%{transform:rotate(-6deg)}45%{transform:rotate(4deg) translateY(-2px)}60%{transform:rotate(-3deg)}75%{transform:rotate(2deg)}}.tool6{animation:wobble 2s ease-in-out infinite}@keyframes typeIn{0%,to{opacity:0}20%,80%{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.type7-dot{animation:typeIn 3s ease-in-out infinite}.cursor7{animation:blink .8s step-end infinite}@keyframes spiralIn{0%,to{transform:rotate(0) translate(50px);opacity:0}20%{opacity:1}50%,80%{transform:rotate(720deg) translate(0);opacity:1}90%{opacity:0}}.spiral9{animation:spiralIn 5s ease-in-out infinite}@keyframes printLayer{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes scanLine{0%{transform:translateY(80px)}to{transform:translateY(0)}}.print10{animation:printLayer 4s linear infinite}.scan10{animation:scanLine 4s linear infinite}@keyframes hankoPress{0%{transform:translateY(-40px) scale(1.15) rotate(-5deg);opacity:0}25%{transform:translateY(0) scale(1) rotate(0);opacity:1}35%{transform:scale(1.03)}45%,to{transform:scale(1);opacity:1}}@keyframes inkSplash{0%,20%{opacity:0;transform:scale(0)}30%{opacity:.6;transform:scale(1.1)}50%{opacity:.3;transform:scale(1.4)}to{opacity:0;transform:scale(1.6)}}.hanko11{animation:hankoPress 3.5s ease-out infinite}.ink11{animation:inkSplash 3.5s ease-out infinite}@keyframes kaleidoscope{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes kalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.kale19{animation:kaleidoscope 8s linear infinite}.kalePulse19{animation:kalePulse 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.scroll-fade-in{opacity:1;transform:none;transition:none}.scroll-fade-in:nth-child(2),.scroll-fade-in:nth-child(3),.scroll-fade-in:nth-child(4),.scroll-fade-in:nth-child(5),.scroll-fade-in:nth-child(6){transition-delay:0s}.ripple-wave{animation:none}#qr-canvas.qr-canvas--loading{animation:none;opacity:.7}.step-card,.feature-card,.qr-type-card{transition:none}.step-card:before,.feature-card:before,.qr-type-card:before{transition:none}.type-tab:after{transition:none}.illustration-area svg *,.lang-select-motif svg *{animation:none!important}.qr-imprint,.qr-crossfade,#qr-canvas.qr-imprint-pulse,.panel-enter,#qr-canvas.qr-taken img.qr-img{animation:none}.customize-panel{transition:none}.dot-style-btn:active{transform:none}.mini-preview{transition:none}}@media(max-width:768px){.header{padding:.375rem .75rem}.header__title{font-size:1.125rem}.main{padding:0 1rem 2rem}.workspace{grid-template-columns:1fr;gap:1.25rem}.form-column{order:1}.illustration-area{display:none}.preview-panel{order:2;position:static;box-shadow:var(--shadow)}#qr-canvas{min-height:200px;padding:.75rem}#qr-canvas canvas,#qr-canvas svg{max-width:200px;max-height:200px}.header__subtitle{display:none}.type-tabs{gap:.375rem}.type-tab{padding:.4rem .75rem;font-size:.8125rem;min-height:44px}.page-content h1{font-size:1.25rem}.content-block h2,.article-section h2{font-size:1.125rem}.article-section h3{font-size:1rem}.steps-grid,.features-grid{grid-template-columns:1fr}.steps-grid{gap:1.25rem}.steps-grid .step-card{padding:0 0 0 3.25rem}.step-card__num{position:absolute;left:0;top:0;margin-bottom:0;font-size:1.5rem;line-height:1.4}.steps-grid .step-card:not(:last-child):after{top:2.5rem;bottom:-1.25rem;left:1rem;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--c-border) 0 6px,transparent 6px 12px)}.qr-types-grid,.featured-grid{grid-template-columns:1fr}.featured-card.is-lead{grid-column:auto;padding:1.25rem}.featured-card.is-lead h3{font-size:1.0625rem;margin-bottom:.5rem}.article-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.article-nav{flex-direction:column;align-items:stretch}.article-nav .back-link{text-align:center}.step-card:hover,.qr-type-card:hover,.featured-card:hover{transform:none;border-color:var(--c-panel-border);box-shadow:var(--shadow)}.step-card:hover:before,.qr-type-card:hover:before,.featured-card:hover:before{opacity:0}.qr-type-card:active{transform:scale(.98)}.content-block{margin-bottom:1.25rem}.content-block:after{margin-top:1.25rem}.page-content,.breadcrumb{padding:0 1rem}.faq-question{padding:.875rem 1rem}}.lang-select-main{text-align:center;margin:auto;padding-top:1rem;padding-bottom:3rem}.lang-select-motif{display:flex;justify-content:center;margin-bottom:1.25rem}.lang-select-motif svg{box-shadow:var(--shadow);border-radius:8px}.lang-select-nav{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1rem}.lang-select-link{font-size:1.25rem;min-width:120px;text-align:center;padding:.625rem 1.25rem;border:1.5px solid var(--c-border-interactive);border-radius:100px;color:var(--c-text);transition:all var(--transition)}.lang-select-link:hover{border-color:var(--c-accent)}@media(max-width:768px){.lang-select-nav{flex-direction:column;align-items:center;gap:1rem}}#contact-form fieldset{border:none;padding:0;margin:0 0 1.25rem}#contact-form legend{font-weight:700;margin-bottom:.5rem}#contact-form label{display:block;margin:.4rem 0;cursor:pointer}#contact-form input[type=radio]{margin-right:.4rem}.form-field{margin-bottom:1.25rem}.form-field>label{display:block;font-weight:600;margin-bottom:.5rem}.form-field textarea{width:100%;padding:.75rem;border:1px solid var(--c-border-interactive);border-radius:6px;font-size:1rem;font-family:inherit;resize:vertical;background:var(--c-surface);color:var(--c-text)}.form-field textarea.invalid{border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.char-counter{display:block;text-align:right;font-size:.8125rem;color:var(--c-text-sub);margin-top:.25rem}.contact-submit{display:inline-block;padding:.6rem 1.5rem;background:linear-gradient(135deg,#7c6844,#685838);color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background var(--transition)}.contact-submit:hover{background:linear-gradient(135deg,#685838,#55492e)}.contact-submit:disabled{opacity:.5;cursor:not-allowed}.contact-success{padding:1.25rem;background:#fff;border:1.5px solid #15803d;border-radius:6px;text-align:center}.contact-error{margin:.75rem 0 0;font-size:.875rem;color:#b91c1c}@media print{.header,.footer,.skip-link,.share,.related,.btn-primary,.btn-secondary,#dl-png,#dl-svg{display:none}body{background:#fff;color:#000}*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important;box-shadow:none!important}.main{padding:0;max-width:100%;background:#fff!important}a{color:#000;text-decoration:underline}a[href]:after{content:" (" attr(href) ")";font-size:.8em}a[href^="#"]:after,a[href^=javascript]:after{content:""}}.type-tab:focus-visible,.dot-style-btn:focus-visible,.lang-switch:focus-visible,.customize-toggle:focus-visible,.logo-upload-btn:focus-visible,.faq-question:focus-visible,.article-card:focus-visible,.article-row:focus-visible,.toc-chip:focus-visible,.featured-card:focus-visible,.related-card:focus-visible,.qr-type-card:focus-visible,.contact-submit:focus-visible{outline:2px solid var(--c-border-focus);outline-offset:2px}.breadcrumb{max-width:720px;width:100%;margin:1rem auto 0;padding:0 1.5rem;font-size:.8125rem}.breadcrumb+.page-content{margin-top:.5rem}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem;padding:0;margin:0}.breadcrumb li:not(:last-child):after{content:"/";margin-left:.25rem;color:var(--c-text-muted, #5a4a38)}.breadcrumb a{color:var(--c-link, #6f532b);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--c-text-muted, #5a4a38)}#content-feedback,#tool-feedback{margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--c-border)}.fb-label{font-size:1rem;color:var(--c-text-sub);margin-bottom:.75rem;text-align:center}.fb-actions{display:flex;gap:.75rem;justify-content:center}.fb-btn{padding:.375rem 1rem;border:1px solid var(--c-border-interactive);border-radius:9999px;background:var(--c-surface);color:var(--c-text);cursor:pointer;font-size:.875rem;transition:all .2s}.fb-btn:hover{border-color:var(--c-accent)}.fb-btn.active{border-color:currentColor;background:var(--c-accent-light);font-weight:500}#fb-comment{margin-top:.75rem;text-align:center;display:none;flex-direction:column;align-items:center}#fb-text{width:100%;max-width:400px;min-height:60px;padding:.5rem;border:1px solid var(--c-border-interactive);border-radius:.375rem;font-size:.875rem;resize:vertical;background:var(--c-surface);color:var(--c-text)}#tfb-comment{margin-top:.75rem;text-align:center;display:none;flex-direction:column;align-items:center}#tfb-text{width:100%;max-width:400px;min-height:60px;padding:.5rem;border:1px solid var(--c-border-interactive);border-radius:.375rem;font-size:.875rem;resize:vertical;background:var(--c-surface);color:var(--c-text)}.fb-submit{margin-top:.5rem;padding:.375rem 1rem;background:#4b5563;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem}.fb-thanks{margin-top:.75rem;font-size:.875rem;color:var(--c-text-sub);text-align:center}.amazon-link-block{display:none!important}a[href*="amazon.co.jp"]{pointer-events:none!important;color:inherit!important;text-decoration:none!important;cursor:text!important}a.own-book-link[href*="amazon.co.jp"]{pointer-events:auto!important;cursor:pointer!important}.own-book-card{display:block;margin-top:2rem;padding:1.25rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px}.own-book-card__head{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem}.own-book-card__badge{flex-shrink:0;padding:.125rem .375rem;border:1px solid var(--c-border-interactive);border-radius:4px;font-size:.75rem;font-weight:600;line-height:1;color:var(--c-text-sub)}.own-book-card__heading{font-size:.875rem;font-weight:600;color:var(--c-accent-text)}.own-book-card__body{display:flex;align-items:flex-start;gap:1rem}.own-book-card__cover{flex-shrink:0}.own-book-card__cover img{display:block;border:1px solid var(--c-border);border-radius:6px;box-shadow:0 2px 6px #0000001f}.own-book-card__main{min-width:0}.own-book-card__title{margin:0;font-size:1rem;font-weight:600;line-height:1.4;color:var(--c-text)}.own-book-card__note{margin:.5rem 0 0;font-size:.875rem;line-height:1.7;color:var(--c-text-sub)}.own-book-card__cta-wrap{margin-top:.875rem}a.own-book-card__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.625rem 1.5rem;background:var(--c-accent-text);color:#fff;border-radius:8px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s}a.own-book-card__cta:hover{background:var(--c-accent-secondary);color:#fff}.app-installed{display:flex;gap:.75rem;align-items:flex-start;border:1.5px solid var(--c-border-interactive);border-radius:var(--radius-sm);padding:1rem 1.25rem;margin:1.5rem 0}.app-installed>svg{flex:none;margin-top:.125rem;color:var(--c-accent-text)}.page-content p.app-installed__title{margin-bottom:.375rem;color:var(--c-text);font-weight:700}.page-content p.app-installed__body{margin-bottom:0}.page-content h2 .app-step-icon{vertical-align:-.2em;color:var(--c-accent-text)}.app-install-cta{margin:1rem 0 1.25rem}.app-install-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.75rem 1.75rem;font-size:1rem}.page-content p.app-install-hint{margin:.5rem 0 0;font-size:.875rem}.app-steps{margin:0 0 1.5rem;padding-left:1.5rem;color:var(--c-text-sub)}.app-steps li{margin-bottom:.625rem;line-height:1.7}.app-steps--icons{list-style:none;padding-left:0}.app-steps--icons li{display:flex;align-items:flex-start;gap:.625rem}.app-steps--icons .app-step-icon{flex:none;margin-top:.2em;color:var(--c-accent-text)}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-min);padding:0 .875rem;border:1.5px solid var(--c-border-interactive);border-radius:100px;background:var(--c-surface);color:var(--c-accent-text);font-size:.9375rem;font-weight:600;white-space:nowrap;text-decoration:none;transition:border-color var(--transition),color var(--transition)}.header-cta:hover{border-color:var(--c-accent)}.header__icon-link,.lang-menu__button{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-width:var(--tap-min);min-height:var(--tap-min);padding:0 .625rem;border:1px solid var(--c-border-interactive);border-radius:100px;background:none;color:var(--c-text-sub);cursor:pointer;font:inherit;transition:border-color var(--transition),color var(--transition)}.header__icon-link{width:var(--tap-min);padding:0;border-radius:50%}.header__icon-link:hover,.lang-menu__button:hover,.lang-menu__button[aria-expanded=true]{border-color:var(--c-accent);color:var(--c-accent-text)}.header__icon-link:focus-visible,.lang-menu__button:focus-visible,.header-cta:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--c-border-focus);outline-offset:2px}.lang-menu{position:relative}.lang-menu__current{font-size:.8125rem;font-weight:600;letter-spacing:.02em}.lang-menu__list{position:absolute;top:calc(100% + .375rem);right:0;z-index:50;min-width:11rem;margin:0;padding:.375rem;list-style:none;background:var(--c-bg);border:1px solid var(--c-border-interactive);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.lang-menu__list a{display:flex;align-items:center;gap:.75rem;min-height:var(--tap-min);padding:0 .875rem;border-radius:8px;font-size:1rem;color:var(--c-text);text-decoration:none;white-space:nowrap}.lang-menu__list a:hover,.lang-menu__list a:focus-visible{background:var(--c-surface);color:var(--c-accent-text)}.lang-menu__list a[aria-current=true]{font-weight:600;color:var(--c-accent-text)}.lang-menu__list a[aria-current=true]:after{content:"";flex:0 0 .5rem;width:.5rem;height:.5rem;margin-left:auto;border-radius:50%;background:var(--c-accent)}@media(max-width:480px){.header{gap:.5rem}.header__nav{gap:.25rem}.header-cta{font-size:.875rem;padding:0 .625rem}}@media(max-width:399px){.lang-menu__current{display:none}.lang-menu__button{width:var(--tap-min);padding:0}}@media(max-width:359px){.header-cta{display:none}}