:root{--lime:#ddf247;--navy:#14263c;--bg:#f6f7f2;--surface:#fff;--text:#14263c;--muted:#5d6b7a;--line:#dde2e6;--danger:#c0392b;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e1824;--surface:#182636;--text:#eef2f5;--muted:#9fb0c0;--line:#2a3b4e;--danger:#ff7b6b}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.6}a{color:inherit}button,input,select{font:inherit;color:inherit}.page{max-width:640px;padding:0 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:10;min-height:52px;padding:env(safe-area-inset-top) 0 0;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar h1{text-align:center;flex:1;font-size:17px;font-weight:700}.topbar .side{min-width:72px;display:flex}.topbar .side:last-child{justify-content:flex-end}.brand{align-items:center;gap:8px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.brand img{border-radius:7px;width:28px;height:28px}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 18px;font-weight:600;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--navy);border-color:var(--navy);color:var(--lime)}@media (prefers-color-scheme:dark){.btn.primary{background:var(--lime);border-color:var(--lime);color:var(--navy)}}.btn.large{width:100%;min-height:56px;font-size:18px}.btn.danger{color:var(--danger)}.btn.plain{background:0 0;border-color:#0000;padding:0 8px}.muted{color:var(--muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:8px;display:flex}.section-title{margin:24px 0 8px;font-size:15px;font-weight:700}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (min-width:520px){.grid{grid-template-columns:repeat(4,1fr)}}.tile{aspect-ratio:1;background:var(--line);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;border-radius:10px;position:relative;overflow:hidden}.tile img{-webkit-user-drag:none;object-fit:contain;pointer-events:none;width:100%;height:100%;transition:transform .15s}.tile .number{color:#fff;text-align:center;background:#14263ccc;border-radius:11px;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;line-height:22px;position:absolute;top:6px;left:6px}.tile .tools{gap:4px;display:flex;position:absolute;bottom:4px;right:4px}.tile .tools button{width:34px;height:34px;color:var(--navy);cursor:pointer;background:#ffffffeb;border:none;border-radius:17px;font-size:16px}.tile.dragging{opacity:.85;z-index:5;box-shadow:0 8px 24px #00000040}.dropzone{outline:3px dashed var(--navy);outline-offset:4px}.spinner{border:3px solid var(--line);border-top-color:var(--navy);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sheet-backdrop{z-index:50;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:640px){.sheet-backdrop{align-items:center}}.sheet{width:100%;max-width:560px;max-height:92dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));background:var(--surface);border-radius:20px 20px 0 0;overflow-y:auto}@media (min-width:640px){.sheet{border-radius:20px}}.sheet h2{margin-bottom:12px;font-size:18px}.field{flex-direction:column;gap:6px;display:flex}.field label,.field .label{font-size:14px;font-weight:600}.text-input{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:100%;min-height:46px;padding:0 12px;font-size:16px}.segmented{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:3px;display:flex}.segmented button{cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;min-height:40px;font-weight:600}.segmented button[aria-pressed=true]{background:var(--navy);color:var(--lime)}@media (prefers-color-scheme:dark){.segmented button[aria-pressed=true]{background:var(--lime);color:var(--navy)}}.history{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.history a{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.history a:first-child{border-top:none}.cover{background:var(--line);border-radius:8px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.cover img{object-fit:contain;width:100%;height:100%}.cover.large{border-radius:12px;width:160px;height:160px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;background:var(--navy);color:#fff;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}.viewer{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;height:70dvh}.steps{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;font-size:13px;display:grid}.steps b{background:var(--lime);width:26px;height:26px;color:var(--navy);border-radius:13px;margin:0 auto 4px;line-height:26px;display:block}.lp-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 0 32px;display:flex}.lp-hero h1{letter-spacing:.01em;font-size:clamp(30px,8.5vw,44px);font-weight:800;line-height:1.3}.lp-lead{color:var(--muted);font-size:16px}.lp-start{max-width:360px;margin-top:8px}.lp-note{font-size:13px}.lp-heading{text-align:center;margin:32px 0 12px;font-size:20px;font-weight:800}.lp-cards{gap:12px;display:grid}@media (min-width:600px){.lp-cards{grid-template-columns:repeat(3,1fr)}}.lp-cards h3,.lp-steps h3{margin-bottom:4px;font-size:16px}.lp-cards .card{border-top:4px solid var(--lime)}.lp-steps{gap:10px;list-style:none;display:grid}.lp-steps li{align-items:flex-start;gap:12px;display:flex}.lp-steps b{background:var(--lime);width:32px;height:32px;color:var(--navy);text-align:center;border-radius:16px;flex:none;line-height:32px}.lp-bottom{border-top:1px solid var(--line);margin-top:24px}.lp-footer{border-top:1px solid var(--line);text-align:center;padding:24px 0 8px}.lp-footer nav{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-bottom:12px;font-size:14px;display:flex}.legal{overflow-wrap:anywhere;margin-top:12px;line-height:1.8}.legal h2{margin:24px 0 8px;font-size:16px}.legal p,.legal ul{margin:0 0 10px}.legal ul{padding-left:1.4em}.legal dl{margin:0}.legal dl>div{border-top:1px solid var(--line);padding:10px 0}.legal dt{font-weight:600}.legal dd{margin:2px 0 0}