:root{color-scheme:light;--ink:#18243b;--muted:#596980;--accent:#215ee8;--line:#dfe6f1;--surface:#fff;--bg:#f4f7fc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;line-height:1.7}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:11px 15px;background:white;color:var(--ink);min-height:46px;font-weight:650}button:hover{background:#eef3ff}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:3px solid #83aaff;outline-offset:3px}button.primary{border-color:var(--accent);background:var(--accent);color:white}button.primary:hover{background:#174fc9}a{color:var(--accent)}[hidden]{display:none!important}.wide{width:100%}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:80px;padding:14px max(24px,calc((100vw - 1160px)/2));background:#fffc;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:750;line-height:1.35}.brand small{display:block;font-size:10px;letter-spacing:.15em;color:var(--muted);margin-top:4px}.header-actions{display:flex;gap:8px}.header-actions button{font-size:13px}.intro{padding:42px 0 28px}.eyebrow{color:var(--accent);font-size:12px;font-weight:750;letter-spacing:.08em}h1{font-size:clamp(24px,3vw,36px);line-height:1.5;letter-spacing:-.04em;margin:10px 0}h2{font-size:18px;margin:0}.intro p{color:var(--muted);margin:12px 0 0}main{max-width:1160px;margin:auto;padding:0 24px}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;align-items:start}.card{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:26px;box-shadow:0 8px 32px #18243b05}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.text-button{border:0;background:transparent;padding:4px;color:var(--accent);min-height:36px;font-size:12px}label{display:block;font-size:14px;font-weight:700;margin:16px 0 6px}input,select{display:block;min-width:0;width:100%;min-height:48px;border:1px solid #cdd7e6;border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink)}input[type=search]{font-size:18px;background:#f8faff;min-height:56px}input::placeholder{color:#79879b}.help{color:var(--muted);font-size:12px;margin:8px 0 14px}.quick-options{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.quick-options button{border-radius:30px;padding:7px 12px;min-height:40px;font-size:13px}.quick-options button[aria-pressed=true]{color:var(--accent);background:#eaf0ff;border-color:#9ebcff}details{border-top:1px solid var(--line);margin-top:8px}summary{position:relative;cursor:pointer;font-size:15px;font-weight:700;padding:17px 22px 17px 0;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'＋';position:absolute;right:0;top:17px;color:var(--muted)}details[open]>summary:after{content:'−'}summary span{display:block;font-weight:400;font-size:11px;color:var(--muted)}.details-body{padding-bottom:18px}.details-body>label:first-child{margin-top:0}.two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.error{color:#b42318;font-size:13px;margin:8px 0;min-height:0}.error:empty{display:none}.privacy{margin-bottom:0}aside{position:sticky;top:104px;display:grid;gap:18px}.preview-card{background:linear-gradient(145deg,#fff,#f6f9ff)}#previewSummary{font-size:17px;line-height:1.95;margin:14px 0;overflow-wrap:anywhere}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips button{color:#345186;background:#edf2fc;border:0;min-height:32px;padding:4px 9px;font-size:12px;border-radius:8px}.query-details{margin-top:18px}.query-details summary{font-size:12px;color:var(--muted)}.query-box{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border-radius:12px;background:#eaf0fa;color:#405573;font-size:12px;min-height:50px}.preview-actions{margin-top:18px;gap:9px}.preview-actions button{padding:10px 8px;font-size:13px}.tips h2{font-size:15px;margin-bottom:10px}.tips button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:12px 0;border-radius:0;border-bottom:1px solid var(--line)}.tips button:last-child{border:0}.tips strong,.tips span{display:block}.tips strong{font-size:13px}.tips span{font-size:11px;color:var(--muted);margin-top:3px}footer{text-align:center;font-size:11px;color:var(--muted);padding:32px 0;line-height:2}.mobile-nav{display:none}dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 30px 100px #18243b44;color:var(--ink);background:white;overflow:auto}dialog::backdrop{background:#18243b88;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading button{min-width:42px;min-height:42px;border:0;background:#f1f4fa;font-size:20px;padding:4px}dialog p{font-size:14px}.library-item{border-top:1px solid var(--line);padding:16px 0}.library-item h3{font-size:15px;margin:0 0 6px;overflow-wrap:anywhere}.library-item p{font-size:12px;color:var(--muted);margin:0 0 10px;overflow-wrap:anywhere}.library-actions{display:flex;gap:8px;flex-wrap:wrap}.library-actions button{min-height:40px;font-size:12px;padding:7px 12px}.toast{position:fixed;z-index:60;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:#18243b;color:white;font-size:13px;border-radius:14px;padding:12px 18px;box-shadow:0 10px 30px #0003}#saveAsNewButton{margin-top:10px}.admin-visits{margin:24px 0}.admin-visits h2{font-size:18px}.admin-visits .visit-stats{display:flex;gap:12px;flex-wrap:wrap}.admin-visits details{margin-top:14px}.admin-visits li{overflow-wrap:anywhere}.admin-visits table{font-size:12px}.admin-visits th,.admin-visits td{padding:8px}
@media(max-width:800px){main{padding:0 16px}.header{padding:12px 16px;min-height:68px}.brand{font-size:15px;gap:9px}.brand img{width:34px;height:34px}.header-actions button:not(#installGuideButton){display:none}.intro{padding:24px 2px 20px}.intro p{font-size:13px;max-width:500px}.intro h1{font-size:25px}.layout{grid-template-columns:1fr;gap:18px}.card{padding:22px;border-radius:20px}aside{position:static}.mobile-nav{display:flex;position:fixed;z-index:20;left:0;right:0;bottom:0;justify-content:space-around;border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#fffffff2;backdrop-filter:blur(16px)}.mobile-nav button{border:0;background:none;min-width:80px;min-height:50px;line-height:1.1;font-size:24px;padding:5px;color:var(--muted)}.mobile-nav button:first-child{color:var(--accent)}.mobile-nav span{display:block;font-size:10px;margin-top:5px}body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.keyboard-open .mobile-nav,body:has(dialog[open]) .mobile-nav{display:none}.toast{bottom:calc(84px + env(safe-area-inset-bottom))}dialog{width:100%;max-width:none;margin:auto 0 0;border-radius:24px 24px 0 0;max-height:85dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom))}footer{padding:24px 4px}.section-heading h2{font-size:17px}.tips{padding-top:18px}.header-actions #installGuideButton{font-size:11px;padding:7px;min-height:36px}}
@media(max-width:370px){main{padding:0 12px}.card{padding:17px}.two-columns{gap:9px}.preview-actions button{font-size:12px}.intro h1{font-size:23px}.section-heading{align-items:start}.section-heading .text-button{font-size:11px}.brand{font-size:14px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(max-width:800px){.header{flex-wrap:wrap}.header-actions{margin-left:auto}}
:root{--accent-dark:#174fc9;--surface-soft:#f1f4fa;--radius-lg:22px}