:root{--ink:#17213d;--cream:#fff6ec;--paper:#fffdf8;--coral:#ff674d;--violet:#7258e8;--yellow:#ffcf55;--green:#77d6aa;--muted:#696b7e;--line:#d5cdbf;font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at 8% 9%,#fff 0 7%,transparent 7.2%),linear-gradient(120deg,transparent 0 68%,#f1e8ff 68% 100%),var(--cream)}button,input,select{font:inherit;color:inherit}.masthead{height:74px;padding:0 clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--ink);background:rgba(255,253,248,.94)}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font-weight:900;font-size:20px}.brand>span{display:grid;place-items:center;width:34px;height:34px;border:2px solid;border-radius:10px;background:var(--coral);box-shadow:3px 3px 0 var(--ink)}.brand small{font-size:11px;padding:4px 7px;border:1px solid;border-radius:99px}.cloud-status{font:800 11px/1 system-ui;letter-spacing:.08em}.cloud-status i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #d9f8ea}main{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:68px 0 100px;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);gap:clamp(34px,6vw,90px);align-items:start}.intro{position:sticky;top:104px}.eyebrow{margin:0 0 10px;font:900 12px/1 system-ui;letter-spacing:.12em}.intro h1{margin:0;font-size:clamp(46px,6vw,86px);line-height:.92;letter-spacing:-.055em}.intro h1 em{color:var(--violet);font-style:normal}.intro>p:not(.eyebrow){max-width:510px;font:600 18px/1.6 system-ui;color:#45495c}.privacy-note{display:grid;gap:5px;margin-top:30px;padding:18px;border:2px solid;border-radius:16px;background:var(--yellow);box-shadow:5px 5px 0 var(--ink);font:14px/1.4 system-ui}.privacy-note span{color:#4e4e60}.panel{padding:clamp(22px,4vw,38px);border:3px solid var(--ink);border-radius:24px;background:var(--paper);box-shadow:9px 9px 0 var(--ink)}.panel+.panel{margin-top:28px}.panel-heading{display:flex;gap:14px;align-items:center;margin-bottom:28px}.panel-heading>span{display:grid;place-items:center;width:42px;height:42px;border:2px solid;border-radius:50%;background:var(--coral);font-weight:900}.panel-heading>div{flex:1}.panel-heading h2{margin:0;font-size:clamp(24px,4vw,36px);line-height:1.05}.panel-heading .eyebrow{margin-bottom:6px}.hidden{display:none!important}form label,.delete-confirm>label{display:block;margin:18px 0 8px;font:800 12px/1.2 system-ui;letter-spacing:.06em;text-transform:uppercase}.input-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.input-action input,select,.number-field,input{width:100%;min-height:50px;padding:12px 14px;border:2px solid var(--ink);border-radius:12px;background:#fff}button,.primary-button,.secondary-button{min-height:48px;padding:12px 18px;border:2px solid var(--ink);border-radius:12px;background:var(--coral);box-shadow:4px 4px 0 var(--ink);font:900 12px/1 system-ui;letter-spacing:.04em;cursor:pointer;text-decoration:none;text-align:center}button:hover,.secondary-button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:2px 2px 0 var(--ink)}.field-note{margin:-2px 0 10px;color:var(--muted);font:13px/1.45 system-ui}.message{min-height:20px;margin:16px 0 0;color:var(--violet);font:700 13px/1.45 system-ui}.message.error{color:#b32d2d}.account{grid-column:2}.text-button{min-height:auto;padding:8px 10px;border:0;background:transparent;box-shadow:none;text-decoration:underline}.settings{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setting-card{min-width:0;margin:0;padding:20px;border:2px solid var(--ink);border-radius:16px;background:#fff}.setting-card>legend{padding:0 8px;font:900 12px/1 system-ui;letter-spacing:.1em}.matching-card{box-shadow:5px 5px 0 var(--violet)}.number-field{display:grid;grid-template-columns:1fr auto;align-items:center;border:2px solid;border-radius:12px;background:#fff}.number-field input{border:0}.number-field span{padding:0 14px;font:900 11px/1 system-ui}.language-options{margin:18px 0 0;padding:12px;border:1px dashed var(--line);border-radius:10px}.language-options legend{font:800 11px/1 system-ui}.language-options label{display:inline-flex;align-items:center;gap:7px;margin:4px 20px 4px 0;text-transform:none;letter-spacing:0}.language-options input{width:18px;min-height:auto}.secondary-button{display:block;margin-top:22px;background:var(--yellow)}.save-row{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:20px;padding-top:6px}.save-row .message{flex:1;margin:0}.section-rule{display:flex;align-items:center;gap:12px;margin-top:38px;border-bottom:2px solid;padding-bottom:10px}.section-rule h3{margin:0;font-size:15px}.section-rule span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:var(--violet);color:#fff;font-size:12px}.version-row{display:grid;grid-template-columns:1fr auto;gap:14px;padding:16px 4px;border-bottom:1px dashed var(--line)}.version-row strong{display:block}.version-row small{color:var(--muted)}.version-row a{align-self:center;color:var(--violet);font-weight:900}.danger{margin-top:42px;padding:22px;border:2px solid #9a2626;border-radius:16px;background:#fff3f1}.danger h3{margin:0;font-size:24px}.danger>p:not(.eyebrow){font:14px/1.55 system-ui}.danger>button,.delete-confirm button{background:#9a2626;color:#fff}.delete-confirm{margin-top:18px}.empty{padding:24px;border:2px dashed var(--line);border-radius:16px;background:#fff}.empty h3{margin-top:0}footer{padding:28px;text-align:center;border-top:2px solid var(--ink);font:700 12px/1 system-ui;background:var(--paper)}@media(max-width:850px){main{grid-template-columns:1fr;padding-top:38px}.intro{position:static}.account{grid-column:1}.settings{grid-template-columns:1fr}}@media(max-width:560px){.masthead{height:64px}.cloud-status{font-size:9px}.brand small{display:none}main{width:min(100% - 24px,700px);padding:28px 0 76px;gap:26px}.intro h1{font-size:50px}.panel{padding:20px;border-radius:18px;box-shadow:6px 6px 0 var(--ink)}.input-action{grid-template-columns:1fr}.input-action button{width:100%}.panel-heading{align-items:flex-start}.save-row{display:grid}.primary-button{width:100%}}