:root{font-family:'Segoe UI',Arial,sans-serif;color:#242829;background:#fff;font-synthesis:none;--orange:#dc6532;--border:#e6e8eb;--muted:#737b85}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.35}a{color:inherit}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}h1{font-size:29px;font-weight:600;letter-spacing:-.85px;line-height:1.2;margin:0 0 9px}h2{font-size:25px;line-height:1.3;font-weight:600;letter-spacing:-.7px;margin:0}.eyebrow{font-size:10px;font-weight:600;color:#88919c;letter-spacing:1.5px;margin-bottom:10px}.quiet-button{background:#fff;border:1px solid #dfe3e8;border-radius:5px;display:flex;align-items:center;gap:7px;padding:9px 12px;font-size:12px;white-space:nowrap}.quiet-button svg{width:15px;height:15px}.brand-mark{display:grid;place-items:center;width:35px;height:39px;background:var(--orange);border-radius:7px;color:white;margin:0 auto 22px}.brand-mark svg{width:24px;height:26px}.rotate{transform:rotate(180deg)}kbd{font-family:inherit;font-size:10px;border:1px solid #dfe3e9;border-bottom-width:2px;padding:1px 4px;border-radius:3px;background:#fff;color:#7c858e}
.safe-screen{min-height:100vh;background:#f7f8fa;color:#313b46}.safe-screen header{height:74px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 6vw;background:white;border-bottom:1px solid var(--border);font-size:13px}.safe-logo{font-size:23px;font-weight:700;letter-spacing:-1px}.safe-screen main{max-width:1050px;margin:60px auto;padding:0 25px}.safe-screen main>p{font-size:14px;color:var(--muted)}.safe-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0}.safe-metrics article,.safe-chart,.safe-table{border:1px solid var(--border);background:white;border-radius:8px;padding:24px}.safe-metrics span{display:block;font-size:13px;color:var(--muted)}.safe-metrics strong{display:block;font-size:32px;margin:14px 0}.safe-metrics small{color:#748b7f}.safe-chart h2,.safe-table h2{font-size:17px}.chart-bars{display:flex;gap:30px;align-items:end;height:170px;margin-top:24px;padding:0 30px}.chart-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:10px}.chart-bars span{display:block;background:#7c93b0;width:100%;border-radius:5px 5px 0 0;height:60%}.chart-bars>div:nth-child(2) span{height:73%}.chart-bars>div:nth-child(3) span{height:82%}.chart-bars>div:nth-child(4) span{height:96%}.chart-bars small{color:var(--muted)}.safe-table{margin-top:20px}.safe-table table{width:100%;border-collapse:collapse;margin-top:17px;font-size:13px;text-align:left}.safe-table th,.safe-table td{padding:15px 8px;border-bottom:1px solid var(--border)}.safe-table th{font-weight:500;color:var(--muted)}dialog{padding:0;border:1px solid var(--border);border-radius:12px;box-shadow:0 25px 100px #11182730;color:#2c3540;width:530px;max-width:calc(100vw - 32px);max-height:85vh;overflow:auto;background:white}dialog::backdrop{background:#18243065;backdrop-filter:blur(4px)}.dialog-heading{position:relative;padding:30px 30px 22px}.dialog-heading h2{font-size:25px}.dialog-heading p{font-size:13px;color:#88929e;margin:10px 0 0}.dialog-close{position:absolute;top:17px;right:17px;border:0;background:#f4f5f7;border-radius:50%;width:28px;height:28px;font-size:22px;line-height:1;color:#7c8590}.primary-button{background:#26323f;color:white;border:0;border-radius:6px;padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;width:100%}.primary-button svg{width:15px;height:15px}.library-list{padding:0 20px}.library-import{width:calc(100% - 60px);margin:18px 30px}.library-privacy{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#8c96a1;padding:5px 20px 25px}.library-privacy svg{width:13px;height:13px}.import-dialog{padding:0 30px 26px}.import-dialog .dialog-heading{padding-left:0;padding-right:0}.import-dialog .dialog-close{right:-10px}.dropzone{border:1px dashed #c9d0d9;border-radius:8px;padding:26px 15px;display:flex;align-items:center;flex-direction:column;gap:8px;cursor:pointer;background:#f9fafc;position:relative}.dropzone>svg{width:27px;height:27px;color:var(--orange);margin-bottom:6px}.dropzone strong{font-size:14px;font-weight:500}.dropzone>span{font-size:12px;color:var(--orange)}.dropzone small{font-size:11px;color:#97a1ac;margin-top:8px}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.dropzone.dragover{background:#faf0e9;border-color:var(--orange)}.dropzone:focus-within{outline:2px solid var(--orange);outline-offset:3px}.or-divider{border-top:1px solid var(--border);position:relative;text-align:center;margin:25px 0}.or-divider span{position:relative;top:-10px;background:white;padding:0 12px;color:#a1a8b2;font-size:11px}.field-label{display:block;font-size:12px;color:#64717e;margin:15px 0 7px}.text-input{width:100%;border:1px solid #d8dfe7;border-radius:5px;padding:10px 12px;font-size:13px;color:#35404d;background:#fff}.text-input::placeholder{color:#a0a9b5}.text-input:focus{border-color:#dc6532;outline:1px solid #dc6532}textarea{resize:vertical;min-height:100px}.import-note{color:#9ba3ad;font-size:10px;line-height:1.6;text-align:center;margin:14px 0 0}.form-error{font-size:12px;color:#bd4e3d;line-height:1.5;min-height:18px;margin:10px 0}.page-dialog{width:340px;padding:0 25px 25px}.page-dialog .dialog-heading{padding:25px 0 15px}.page-dialog .dialog-close{right:-8px}.page-dialog .primary-button{margin-top:20px}.toast{position:fixed;bottom:91px;left:50%;transform:translateX(-50%);border:1px solid #dae0e8;padding:13px 20px;border-radius:8px;box-shadow:0 8px 30px #24314015;background:#fff;font-size:13px;z-index:20;max-width:90vw;text-align:center}

@media(max-width:720px){.safe-screen header{padding:0 20px}.safe-screen header>span:nth-child(2){display:none}.safe-screen main{margin-top:35px}.safe-metrics{grid-template-columns:1fr;gap:12px}.safe-metrics article{padding:18px}.safe-metrics strong{font-size:28px;margin:8px 0}.safe-table{overflow:auto}.safe-table table{min-width:500px}.chart-bars{gap:15px;padding:0}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s,color .15s}}