:root{--ink:#18140d;--muted:#746c5f;--paper:#f7f0df;--paper-strong:#fffaf0;--line:#18140d24;--black:#0b0a07;--accent:#e85d36;--accent-dark:#b9381a;--green:#20805d;--yellow:#ffd166;--shadow:0 24px 70px #1f190c29;--mono:"SFMono-Regular", "Roboto Mono", "Noto Sans Mono", ui-monospace, monospace;--sans:"Hiragino Sans", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif;font-family:var(--sans);color:var(--ink);background:radial-gradient(circle at 12% 8%, #e85d3629, transparent 30rem), radial-gradient(circle at 88% 18%, #ffd16638, transparent 28rem), linear-gradient(135deg, #fcf6e8 0%, var(--paper) 46%, #efe3ca 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100svh;margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.72}#root{min-height:100svh}.app-shell{width:min(1480px,100% - 32px);margin:0 auto;padding:28px 0 48px}.hero-panel,.pane,.notes-panel{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf0b8}.hero-panel{border-radius:32px;padding:clamp(28px,5vw,64px);position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;border:1px dashed #18140d2e;border-radius:24px;position:absolute;inset:18px}.eyebrow{border:1px solid var(--line);color:#fff6df;width:max-content;max-width:100%;font-family:var(--mono);letter-spacing:.04em;background:#111;border-radius:999px;margin-bottom:28px;padding:8px 12px;font-size:13px}.hero-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:end;gap:28px;display:grid}h1,h2,p{margin:0}h1{letter-spacing:-.07em;max-width:860px;font-size:clamp(44px,8vw,104px);line-height:.95}h2{letter-spacing:-.02em;font-size:19px;line-height:1.2}.lead{max-width:760px;color:var(--muted);margin-top:24px;font-size:clamp(16px,1.7vw,22px);line-height:1.75}.privacy-card{background:linear-gradient(160deg,#fffc,#e5f7eddb);border:1px solid #20805d42;border-radius:24px;gap:10px;padding:22px;display:grid;position:relative}.privacy-card strong{font-size:22px}.privacy-card small{color:#466456;line-height:1.55}.pulse{background:var(--green);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 8px #20805d1f}.workspace{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:16px;display:grid}.pane{border-radius:26px;flex-direction:column;min-height:610px;display:flex;overflow:hidden}.pane-header{border-bottom:1px solid var(--line);background:#ffffff73;justify-content:space-between;align-items:center;gap:16px;min-height:86px;padding:20px;display:flex}.pane-header>div:first-child{gap:7px;display:grid}.step{border-bottom:3px solid var(--accent);width:fit-content;color:var(--accent-dark);font-family:var(--mono);font-size:12px;font-weight:700}textarea,.highlight-box{resize:none;width:100%;color:var(--ink);font-family:var(--mono);background:#fffaf080;border:0;outline:0;flex:1;font-size:15px;line-height:1.72}textarea{padding:20px}textarea::placeholder{color:#746c5fb3}.highlight-box{white-space:pre-wrap;min-height:240px;padding:20px}.output-textarea{color:#fff4d8;background:#111;min-height:330px}.action-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 20px;display:flex}.primary-button,.secondary-button,.ghost-button,.mode-toggle button{border:1px solid var(--line);border-radius:999px;transition:transform .16s,border-color .16s,background .16s}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.mode-toggle button:hover{border-color:#18140d57;transform:translateY(-1px)}.primary-button{background:var(--black);color:#fff4d8;padding:13px 18px;font-weight:700}.secondary-button,.ghost-button{color:var(--ink);background:#ffffff94;padding:11px 15px}.runtime-note,.score-note,.empty-state{color:var(--muted);font-size:13px;line-height:1.6}.runtime-note{padding:0 20px 18px}.status-pill{border:1px solid var(--line);max-width:210px;color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:8px 11px;font-size:12px;overflow:hidden}.status-done{color:#176145;background:#20805d1f;border-color:#20805d47}.status-error{color:var(--accent-dark);background:#e85d361f;border-color:#b9381a4d}.entity{color:#fff4d8;background:#111;border-radius:6px;padding:2px 4px}.entity-private_person{background:#0b4f6c}.entity-private_email{background:#8c2f39}.entity-private_phone{background:#5f4bb6}.entity-private_address{background:#7a4f18}.entity-private_url{background:#255f38}.entity-private_date{background:#744210}.entity-secret{background:#111}.entity-account_number{background:#6f1d1b}.entity-list{border-top:1px solid var(--line);gap:10px;max-height:210px;padding:16px 20px 20px;display:grid;overflow:auto}.entity-row{border:1px solid var(--line);background:#ffffff73;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.entity-row div{gap:3px;min-width:0;display:grid}.entity-row span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.entity-row code{font-family:var(--mono);background:#18140d14;border-radius:9px;flex:none;padding:6px 8px;font-size:12px}.mode-toggle{border:1px solid var(--line);background:#ffffff80;border-radius:999px;padding:4px;display:flex}.mode-toggle button{color:var(--muted);background:0 0;border:0;padding:8px 11px;font-size:12px}.mode-toggle button.active{background:var(--black);color:#fff4d8}.error-text{color:var(--accent-dark);font-weight:700}.notes-panel{border-radius:26px;margin-top:16px;padding:24px}.notes-panel h2{margin-bottom:12px}.notes-panel ul{grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.notes-panel li{border:1px solid var(--line);color:var(--muted);background:#ffffff73;border-radius:16px;padding:14px;font-size:14px;line-height:1.6}@media (width<=1180px){.hero-grid,.workspace,.notes-panel ul{grid-template-columns:1fr}.privacy-card{max-width:560px}.pane{min-height:520px}}@media (width<=700px){.app-shell{width:min(100% - 18px,1480px);padding:9px 0 28px}.hero-panel{border-radius:22px;padding:28px 20px}.hero-panel:before{border-radius:16px;inset:10px}.eyebrow{font-size:11px}h1{font-size:clamp(42px,15vw,70px)}.lead{font-size:15px}.pane,.notes-panel{border-radius:20px}.pane-header,.action-row,.entity-row{flex-direction:column;align-items:flex-start}.mode-toggle{width:100%}.mode-toggle button{flex:1}}