:root{--kinari: #fbf3e7;--card: #fffdf9;--ink: #46352a;--ink-soft: #8b7663;--mikan: #ec7b2e;--mikan-deep: #c25e17;--honey: #ffd98a;--matcha: #5e8c53;--line: #ebdcc6;--ring-metal: #c5ae8e;--preview-bg: #362a1f;color:var(--ink);background:var(--kinari);font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,ui-sans-serif,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}h1,h2,p{margin:0}.app-shell{min-height:100vh;padding:20px 16px 40px}.workspace{margin:0 auto;max-width:1180px}.hero{margin-bottom:30px}.brand{align-items:center;color:var(--ink-soft);display:flex;font-family:Zen Maru Gothic,sans-serif;font-size:.9rem;font-weight:700;gap:8px;letter-spacing:.04em;margin-bottom:14px}.brand-badge{align-items:center;background:linear-gradient(150deg,#f6994b 0%,var(--mikan) 55%,var(--mikan-deep) 100%);border-radius:11px;box-shadow:0 2px 0 var(--mikan-deep),0 5px 12px #c25e1747;color:#fff;display:inline-flex;height:36px;justify-content:center;width:36px}.brand-badge svg{filter:drop-shadow(0 1px 1px rgba(122,55,12,.3))}h1{font-family:Zen Maru Gothic,sans-serif;font-size:clamp(1.55rem,4.5vw,2.4rem);font-weight:900;line-height:1.3}h1 mark{background:linear-gradient(transparent 62%,var(--honey) 62%);color:inherit}.lead{color:var(--ink-soft);font-size:.98rem;margin-top:10px;max-width:40em}.steps{display:flex;flex-wrap:wrap;gap:10px 26px;list-style:none;margin:18px 0 0;padding:0}.steps li{align-items:center;color:var(--ink);display:flex;font-size:.92rem;font-weight:500;gap:9px}.step-num{align-items:center;background:var(--honey);border-radius:50%;display:inline-flex;flex:0 0 auto;font-family:Zen Maru Gothic,sans-serif;font-weight:900;height:27px;justify-content:center;width:27px}.grid{display:grid;gap:26px 22px;grid-template-columns:1fr;margin-top:18px}@media(min-width:901px){.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.panel{background:var(--card);border:1.5px solid var(--line);border-radius:20px;box-shadow:0 1px 2px #46352a0d,0 10px 28px #46352a12;min-width:0;padding:24px 20px 20px;position:relative}.panel:before{background:var(--kinari);border-radius:50%;box-shadow:inset 0 1px 2px #46352a4d;content:"";height:12px;left:28px;position:absolute;top:10px;width:12px}.panel:after{border:3px solid var(--ring-metal);border-radius:50%;content:"";height:27px;left:24px;position:absolute;top:-13px;transform:rotate(16deg);width:20px}.panel-head{align-items:start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}h2{font-family:Zen Maru Gothic,sans-serif;font-size:1.12rem;font-weight:700}.panel-head p{color:var(--ink-soft);font-size:.88rem;margin-top:4px}.toggle{align-items:center;background:var(--kinari);border:1.5px solid var(--line);border-radius:999px;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:.88rem;font-weight:500;gap:8px;min-height:38px;padding:7px 14px}.toggle:has(input:disabled){color:var(--ink-soft);cursor:not-allowed;opacity:.7}.toggle input{accent-color:var(--mikan);height:16px;width:16px}.source-textarea{background:#fff;border:1.5px solid var(--line);border-radius:14px;color:var(--ink);min-height:240px;outline:none;padding:14px;resize:vertical;width:100%}@media(min-width:901px){.source-textarea{min-height:440px}}.source-textarea::placeholder{color:#b7a891}.source-textarea:focus-visible{border-color:var(--mikan);box-shadow:0 0 0 4px #ec7b2e2e}.actions,.output-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}button,.secondary-link{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-family:Zen Maru Gothic,sans-serif;font-weight:700;gap:8px;justify-content:center;min-height:46px;padding:10px 18px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.primary-button{background:var(--mikan);border:none;box-shadow:0 4px 0 var(--mikan-deep);color:#fff;flex:1 1 auto}@media(min-width:901px){.primary-button{flex:0 1 auto;min-width:220px}}.primary-button:not(:disabled):hover{background:#f18a42}.primary-button:not(:disabled):active{box-shadow:0 1px 0 var(--mikan-deep);transform:translateY(3px)}.secondary-button,.secondary-link,.icon-button{background:var(--card);border:1.5px solid var(--line);box-shadow:0 3px 0 var(--line);color:var(--ink)}.secondary-button:not(:disabled):active,.secondary-link:active,.icon-button:not(:disabled):active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.icon-button{aspect-ratio:1;flex:0 0 auto;padding:0;width:46px}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:3px solid rgba(236,123,46,.55);outline-offset:2px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box,.warning-box{border-radius:12px;font-size:.92rem;margin-top:12px;padding:11px 14px}.error-box{background:#fce4da;border:1.5px solid #f0c2af;color:#99381a}.warning-box{background:#fff3d6;border:1.5px solid #eeddb0;color:#7a5a17}.result-area{animation:rise .36s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.result-summary{align-items:center;background:#f1f6ec;border:1.5px solid #d9e5cf;border-radius:14px;display:flex;gap:12px;padding:14px 16px}.result-check{color:var(--matcha);flex:0 0 auto}.result-count{font-family:Zen Maru Gothic,sans-serif;font-weight:700}.result-count strong{color:var(--mikan-deep);font-size:1.7rem;font-weight:900;margin-right:2px}.result-deck{color:var(--ink-soft);font-size:.88rem;margin-top:2px;word-break:break-all}.qr-box{align-items:center;background:var(--kinari);border:1.5px dashed var(--ring-metal);border-radius:16px;display:flex;flex-direction:column;gap:16px;margin-top:14px;padding:18px;text-align:center}@media(min-width:561px){.qr-box{flex-direction:row;text-align:left}}.qr-code{background:#fff;border-radius:12px;flex:0 0 auto;line-height:0;padding:10px}.qr-help{align-items:center;display:flex;flex-direction:column;gap:8px}@media(min-width:561px){.qr-help{align-items:flex-start}}.qr-help p{color:var(--ink-soft);font-size:.9rem}.qr-title{align-items:center;color:var(--ink)!important;display:flex;font-family:Zen Maru Gothic,sans-serif;font-size:.98rem!important;font-weight:700;gap:6px}.link-meta{font-size:.82rem!important;word-break:break-all}.preview{background:var(--preview-bg);border-radius:14px;color:#f4e8d5;font-size:.85rem;margin:14px 0 0;max-height:320px;overflow:auto;padding:14px;white-space:pre-wrap;word-break:break-word}.empty-state{align-items:center;color:var(--ink-soft);display:flex;flex-direction:column;gap:6px;padding:44px 16px;text-align:center}.empty-cards{height:66px;margin-bottom:18px;position:relative;width:104px}.empty-cards span{background:#fff;border:1.5px solid var(--line);border-radius:10px;box-shadow:0 2px 5px #46352a1a;top:0;right:0;bottom:0;left:0;position:absolute}.empty-cards span:nth-child(1){transform:rotate(-9deg) translate(-10px)}.empty-cards span:nth-child(2){background:var(--honey);transform:rotate(2deg)}.empty-cards span:nth-child(3){transform:rotate(10deg) translate(10px)}.empty-title{font-family:Zen Maru Gothic,sans-serif;font-weight:700}.empty-sub{font-size:.88rem}.privacy{color:var(--ink-soft);font-size:.82rem;margin:26px auto 0;max-width:46em;text-align:center}@media(max-width:900px){.panel-head{align-items:stretch;flex-direction:column}.toggle{justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}