:root{--bg:#f4f3f0;--bg-2:#eceae4;--surface:#fff;--surface-2:#faf9f6;--surface-3:#eceae4;--ink:#15181d;--ink-2:#565b66;--ink-3:#656a74;--label:#2b2f36;--line:#15181d1a;--line-2:#15181d0f;--line-in:#15181d38;--field-line:#15181d80;--accent:#2f53c8;--accent-ink:#fff;--accent-deep:#2442a8;--accent-text:#213d99;--accent-soft:#eef1fb;--accent-line:#c9d3f3;--salt:#7c4a03;--gold:#7c4a03;--warn:#962018;--radius:14px;--radius-sm:9px;--font:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--display:"IBM Plex Sans JP", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--shadow-1:0 1px 2px #15181d0d;--shadow-2:0 14px 34px -22px #15181d6b}[data-theme=dark]{--bg:#0f1115;--bg-2:#14161b;--surface:#181b21;--surface-2:#1d212a;--surface-3:#21262f;--ink:#eef0f3;--ink-2:#b6bbc4;--ink-3:#9ba1ab;--label:#d9dce1;--line:#ffffff1c;--line-2:#ffffff0f;--line-in:#ffffff3d;--field-line:#fff6;--accent:#5b7df0;--accent-ink:#0f1115;--accent-deep:#6d8bf4;--accent-text:#a8b9f2;--accent-soft:#5b7df02e;--accent-line:#5b7df073;--salt:#d3a55c;--gold:#d3a55c;--shadow-1:0 1px 2px #0006;--shadow-2:0 16px 40px -22px #000000b3}.app.page-light{color:var(--ink)}.app{word-break:auto-phrase}html[data-theme=dark] body:has(.page-light){color:#eef0f3;background-color:#0f1115}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.55;overflow:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(14px,2.6vw,26px);display:flex}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand__mark{background:var(--surface);border:1px solid var(--line);width:38px;height:38px;color:var(--accent);border-radius:11px;flex:none;place-items:center;display:grid}.brand__mark svg{width:22px;height:22px}.brand__txt{min-width:0}.brand__name{font-family:var(--display);white-space:nowrap;font-size:15.5px;font-weight:600;line-height:1.15}.brand__sub{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);font-size:11.5px}.actions{align-items:center;gap:7px;display:flex}.actions .lc-help{border-color:var(--line-in);background:var(--surface);height:40px;color:var(--ink-2);border-radius:9px}.actions .lc-help:hover{background:var(--surface-2);border-color:var(--ink-3);color:var(--ink)}.actions .lc-help svg{color:currentColor}.iconbtn{border:1px solid var(--line-in);background:var(--surface);width:40px;height:40px;color:var(--ink-2);cursor:pointer;border-radius:9px;place-items:center;transition:color .16s,border-color .16s,background .16s,transform .12s;display:grid;position:relative}.iconbtn:hover{color:var(--ink);border-color:var(--ink-3)}.iconbtn:active{transform:translateY(1px)}.iconbtn svg{width:19px;height:19px}.iconbtn .tip{font-family:var(--mono);white-space:nowrap;background:var(--ink);color:var(--bg);opacity:0;visibility:hidden;pointer-events:none;z-index:30;border-radius:6px;padding:4px 8px;font-size:11.5px;transition:opacity .15s,visibility .15s;position:absolute;top:46px;left:50%;transform:translate(-50%)}.iconbtn:hover .tip{opacity:.95;visibility:visible}#moonIc,[data-theme=dark] #sunIc{display:none}[data-theme=dark] #moonIc{display:block}.btn{min-height:40px;color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:0 15px;font-size:13.5px;font-weight:600;transition:background .16s,border-color .16s,color .16s,transform .12s;display:inline-flex}.btn svg{width:17px;height:17px}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:var(--accent-deep)}.btn--primary:active{transform:translateY(1px)}.subbar{border-bottom:1px solid var(--line);background:var(--surface-2);flex:none;align-items:center;gap:14px;padding:10px clamp(14px,2.6vw,26px);display:flex}.modeswitch{background:var(--surface-3);border:1px solid var(--line);border-radius:11px;align-items:center;padding:3px;display:inline-flex;position:relative}.modeswitch button{height:34px;color:var(--ink-2);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;transition:color .16s;display:inline-flex;position:relative}.modeswitch button svg{width:16px;height:16px}.modeswitch button.is-active{color:var(--accent-text)}.modeswitch__thumb{background:var(--surface);box-shadow:var(--shadow-1);border:1px solid var(--accent-line);z-index:0;border-radius:8px;transition:left .24s cubic-bezier(.3,.7,.4,1),width .24s;position:absolute;top:3px;bottom:3px}.mode-desc{color:var(--ink-3);min-width:0;font-size:12.5px}.mode-desc b{color:var(--ink-2);font-weight:600}.main{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,1.8vw,20px);min-height:0;padding:clamp(12px,1.8vw,20px) clamp(14px,2.6vw,26px);display:grid;overflow:hidden}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:0;box-shadow:var(--shadow-1);flex-direction:column;display:flex;overflow:hidden}.panel__head{border-bottom:1px solid var(--line-2);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.panel__title{font-family:var(--display);letter-spacing:.01em;align-items:baseline;gap:9px;font-size:15px;font-weight:600;display:flex}.panel__title .en{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:11.5px;font-weight:500}.panel__scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex;overflow-y:auto}.panel--out .panel__scroll{background:var(--surface)}.pill{font-family:var(--mono);color:var(--ink-2);border:1px solid var(--line);background:var(--surface-2);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:4px 10px;font-size:11px;display:inline-flex}.pill b{color:var(--ink);font-weight:600}.pill .dotmark{background:var(--ink-3);border-radius:50%;flex:none;width:5px;height:5px}.modectl{flex-direction:column;gap:14px;display:none}.modectl.is-active{display:flex}.ctl-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;gap:12px;padding:13px 14px;display:flex}.ctl-row{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.ctl-label{color:var(--label);flex:none;min-width:58px;font-size:12.5px;font-weight:600}.ctl-sub{color:var(--ink-3);text-wrap:pretty;font-size:11.5px;line-height:1.6}.ctl-sub code{font-family:var(--mono);background:var(--surface-3);color:var(--ink-2);border-radius:5px;padding:1px 5px;font-size:11px}.seg{background:var(--surface-3);border:1px solid var(--line);border-radius:9px;padding:3px;display:inline-flex}.seg button{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:7px;min-height:34px;padding:6px 13px;font-family:inherit;font-size:12.5px;font-weight:600;transition:color .14s,background .14s,box-shadow .14s}.seg button.is-on{background:var(--surface);color:var(--accent-text);box-shadow:var(--shadow-1)}.seg--full{width:100%}.seg--full button{flex:1}.stepper{align-items:center;gap:2px;display:inline-flex}.stepper button{width:34px;height:38px;color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;font-size:19px;line-height:1;transition:background .14s,color .14s;display:grid}.stepper button:hover{background:var(--surface-3);color:var(--ink)}.stepper input{text-align:center;border:1px solid var(--field-line);background:var(--surface);width:56px;height:38px;color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums;-moz-appearance:textfield;border-radius:8px;font-size:15px;font-weight:600}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ctl-unit{color:var(--ink-3);font-size:12px}.ctl-arrow{color:var(--ink-3);place-items:center;display:grid}.ctl-arrow svg{width:18px;height:18px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip-q{border:1px solid var(--line-in);background:var(--surface);min-height:40px;color:var(--ink-2);font-family:var(--mono);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:9px;padding:0 14px;font-size:12px;font-weight:600;transition:color .14s,border-color .14s,background .14s}.chip-q:hover{color:var(--ink);border-color:var(--ink-3);background:var(--surface-2)}.chip-q.is-on{color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft)}.readout{border-radius:var(--radius-sm);border:1px solid var(--accent-line);background:var(--accent-soft);font-family:var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 13px;font-size:12.5px;display:flex}.readout b{color:var(--accent-text);font-size:16px;font-weight:600}.readout .sep{color:var(--ink-3)}.range{align-items:center;gap:12px;display:flex}input[type=range].rng{appearance:none;background:var(--line);border-radius:4px;outline:none;flex:1;height:4px}input[type=range].rng::-webkit-slider-thumb{appearance:none;background:var(--accent);border:3px solid var(--surface);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000040}input[type=range].rng::-moz-range-thumb{background:var(--accent);border:3px solid var(--surface);cursor:pointer;border-radius:50%;width:18px;height:18px}.numfield{align-items:center;gap:6px;display:inline-flex}.numfield input{text-align:right;border:1px solid var(--field-line);background:var(--surface);width:86px;height:38px;color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums;-moz-appearance:textfield;border-radius:9px;outline:none;padding:0 10px;font-size:15px;font-weight:600}.numfield input:focus,.stepper input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.numfield input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numfield input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numfield .suffix{color:var(--ink-3);font-size:12px}.linkbtn{cursor:pointer;font-family:var(--mono);color:var(--ink-2);background:0 0;border:none;border-radius:8px;min-height:32px;padding:4px 8px;font-size:11.5px;transition:color .14s,background .14s}.linkbtn:hover{color:var(--accent-text);background:var(--accent-soft)}.ref{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.ref__toggle{background:var(--surface-2);cursor:pointer;width:100%;color:var(--ink-2);border:none;align-items:center;gap:8px;padding:10px 13px;font-family:inherit;font-size:12.5px;font-weight:600;display:flex}.ref__toggle svg{width:14px;height:14px;transition:transform .2s}.ref.open .ref__toggle svg{transform:rotate(90deg)}.ref__body{padding:4px 6px 8px;display:none}.ref.open .ref__body{display:block}.ref table{border-collapse:collapse;width:100%;font-size:12px}.ref th,.ref td{text-align:left;border-bottom:1px solid var(--line-2);font-variant-numeric:tabular-nums;padding:6px 9px}.ref th{color:var(--ink-3);font-weight:600;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px}.ref td:first-child{color:var(--ink);font-weight:500}.ref td.num{font-family:var(--mono);color:var(--ink-2);text-align:right}.ref tr:last-child td{border-bottom:none}.field{flex-direction:column;gap:8px;display:flex}.field__label{color:var(--ink-2);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.field__label .en{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:11.5px;font-weight:500}textarea.input{resize:vertical;border-radius:var(--radius-sm);border:1px solid var(--field-line);background:var(--surface-2);width:100%;min-height:230px;color:var(--ink);line-height:1.85;font-family:var(--mono);padding:13px 14px;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}textarea.input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea.input::placeholder{color:var(--ink-3)}.field__tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.minibtn{border:1px solid var(--line-in);background:var(--surface-2);min-height:40px;color:var(--ink-2);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 13px;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.minibtn:hover{color:var(--ink);border-color:var(--ink-3)}.minibtn svg{width:14px;height:14px}.fmtseg{background:var(--surface-3);border:1px solid var(--line);border-radius:9px;align-items:center;padding:3px;display:inline-flex;position:relative}.fmtseg button{color:var(--ink-2);font-family:var(--mono);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:6px;min-height:32px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:color .15s;position:relative}.fmtseg button.is-on{color:var(--accent-text)}.fmtseg__thumb{background:var(--surface);box-shadow:var(--shadow-1);border:1px solid var(--accent-line);z-index:0;border-radius:6px;transition:left .2s cubic-bezier(.3,.7,.4,1),width .2s;position:absolute;top:3px;bottom:3px}.out-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.summary{flex-wrap:wrap;align-items:stretch;gap:10px;display:none}.summary.show{display:flex}.sumcard{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;flex:1;gap:3px;min-width:110px;padding:11px 13px;display:flex}.sumcard__k{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.sumcard__v{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;line-height:1.1}.sumcard__v small{color:var(--ink-3);font-size:12px;font-weight:500}.sumcard--accent{border-color:var(--accent-line);background:var(--accent-soft)}.sumcard--accent .sumcard__v{color:var(--accent-text)}.sumcard--salt{border-color:color-mix(in srgb, var(--salt) 45%, var(--line));background:color-mix(in srgb, var(--salt) 8%, var(--surface-2))}.sumcard--salt .sumcard__v{color:var(--salt)}.rlist{flex-direction:column;gap:2px;display:flex}.rline{align-items:baseline;gap:4px;padding:7px 4px;display:flex}.rline__name{color:var(--ink);flex:none;max-width:62%;font-size:14px;font-weight:500}.rline__lead{border-bottom:1px dotted var(--line);flex:1;min-width:18px;transform:translateY(-4px)}.rline__qty{font-family:var(--mono);color:var(--accent-text);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:14.5px;font-weight:600}.rline__qty .u{color:var(--ink-3);margin-left:1px;font-size:12px;font-weight:500}.rline__qty .was{color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);margin-right:8px;font-size:11.5px;font-weight:500}.rline--head{border-top:1px solid var(--line-2);letter-spacing:.04em;color:var(--ink-3);margin-top:10px;padding:8px 4px 5px;font-size:11.5px;font-weight:600}.rline--head:first-child{border-top:none;margin-top:0}.rline--note .rline__qty{color:var(--ink-3);font-size:12px;font-weight:500}.seasons{flex-direction:column;gap:9px;display:flex}.season{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);align-items:center;gap:13px;padding:13px 15px;transition:border-color .15s,background .15s;display:flex}.season.is-pick{border-color:var(--accent-line);background:var(--accent-soft)}.season__ic{background:var(--surface-3);width:34px;height:34px;color:var(--ink-2);border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.season.is-pick .season__ic{background:var(--accent);color:var(--accent-ink)}.season__main{flex:1;min-width:0}.season__name{color:var(--ink);font-size:14px;font-weight:600}.season__sub{color:var(--ink-3);font-size:11.5px;font-family:var(--mono)}.season__amt{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;flex:none}.season__amt b{color:var(--ink);font-size:19px;font-weight:600}.season.is-pick .season__amt b{color:var(--accent-text)}.season__amt .u{color:var(--ink-3);margin-left:1px;font-size:12px}.season__spoon{color:var(--ink-3);margin-top:2px;font-size:11px;display:block}.codeview{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);overflow:hidden}.codeview pre{font-family:var(--mono);color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;padding:14px 15px;font-size:12.5px;line-height:1.85}.codeview .c-mark{color:var(--accent-text)}.codeview .c-key{color:var(--salt)}.codeview .c-str{color:var(--ink)}.codeview .c-num{color:var(--accent-text);font-weight:600}.codeview .c-punc,.codeview .c-head{color:var(--ink-3)}.r-empty{text-align:center;color:var(--ink-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.r-empty__ic{border:1px solid var(--line);background:var(--surface);width:52px;height:52px;color:var(--accent-text);box-shadow:var(--shadow-1);border-radius:14px;place-items:center;display:grid}.r-empty__ic svg{width:26px;height:26px}.r-empty__t{color:var(--ink-2);font-size:14px;font-weight:600}.r-empty__s{text-wrap:pretty;max-width:280px;font-size:12.5px;line-height:1.7}.warnote{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--salt) 40%, var(--line));background:color-mix(in srgb, var(--salt) 7%, var(--surface-2));color:var(--ink-2);text-wrap:pretty;align-items:flex-start;gap:8px;padding:9px 12px;font-size:11.5px;line-height:1.6;display:flex}.warnote svg{width:15px;height:15px;color:var(--salt);flex:none;margin-top:1px}.toast{z-index:80;background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:9px;padding:11px 18px;font-size:13px;transition:opacity .24s,transform .24s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,16px);box-shadow:0 16px 36px -14px #0000008c}.toast.show{opacity:1;transform:translate(-50%)}.toast svg{color:#6fcf97;flex:none;width:16px;height:16px}@media (width<=860px){.app{flex:none;height:auto;min-height:100%}.main{grid-template-columns:minmax(0,1fr);overflow:visible}.panel{min-width:0}.panel__head{flex-wrap:wrap}.panel,.panel__scroll{overflow:visible}.brand__sub{display:none}}@media (width<=560px){.topbar{flex-wrap:wrap;gap:8px 10px}.actions{margin-left:auto}.subbar{flex-wrap:wrap}.mode-desc,.modeswitch{width:100%}.modeswitch button{flex:1;justify-content:center;padding:0 8px}.modeswitch button span{display:none}.panel__head,.out-actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}.use-case-card p{color:var(--text-sub,#6b5d4d);margin:0;font-size:.9rem;line-height:1.65}.faq-item summary:after{content:"+";color:var(--text-sub,#6b5d4d);font-size:1.2rem}.faq-item[open] summary:after{content:"−"}