@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #09090a;--surface: #161618;--surface-2: #222226;--chip: #1c1c1f;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #ffffff;--text-dim: #97979f;--accent: #ffe000;--accent-2: #ffb300;--on-accent: #0a0a0b;--hero: linear-gradient(135deg, var(--accent), var(--accent-2));--ring: rgba(255, 224, 0, .5);--danger: #f42424;--success: #4ade80;--nav: rgba(20, 20, 22, .82);--cue-on-dark: var(--accent);--cue-on-light: #b38f00;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow: 0 14px 34px rgba(0, 0, 0, .5);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font: "Plus Jakarta Sans Variable", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ease: cubic-bezier(.2, 0, 0, 1);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}::selection{background:#ffe0004d}.icon{flex-shrink:0}.app-shell{max-width:1040px;margin:0 auto;padding:var(--space-5) 20px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:28px}.topbar-lead{display:flex;align-items:center;gap:var(--space-3);min-width:0}.page-title{margin:0;font-size:20px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-2)}.page-heading{margin:0;font-size:26px;font-weight:800}.toolbar-actions{display:flex;flex-wrap:wrap;gap:10px}.section-title{margin:var(--space-6) 0 14px;font-size:16px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min, 220px),1fr));gap:var(--space-3)}.grid-scripts{--grid-min: 320px}.center{display:grid;place-items:center;min-height:60vh}.brand-mark{display:flex;align-items:center;gap:var(--space-3)}.brand-mark-icon{display:block;width:42px;height:42px;border-radius:12px;opacity:.92}.brand-mark-word{font-size:13.5px;font-weight:800;line-height:1.25;letter-spacing:.03em;text-transform:uppercase}.brand-mark-auth{justify-content:center;gap:13px;margin-bottom:28px}.brand-mark-auth .brand-mark-icon{width:52px;height:52px;border-radius:14px}.brand-mark-auth .brand-mark-word{font-size:15.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:42px;padding:0 20px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:14px;font-weight:700;white-space:nowrap;transition:background .15s var(--ease),border-color .15s var(--ease),transform .1s var(--ease),opacity .15s}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:transparent;color:var(--on-accent);box-shadow:0 6px 18px #ffe00024}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,#ffffff);border-color:transparent}.btn-read{background:var(--bg);border-color:var(--accent);color:var(--accent);box-shadow:0 3px 8px #ffe0000f}.btn-read:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover:not(:disabled){background:var(--surface);border-color:transparent;color:var(--text)}.btn-danger{background:var(--danger);border-color:transparent;color:#fff}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 85%,#ffffff);border-color:transparent}.btn-sm{height:36px;padding:0 14px;font-size:13px;gap:6px}.btn-lg{height:50px;font-size:15px}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.icon-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn-sm{width:34px;height:34px;border-color:transparent;background:transparent;color:var(--text-dim)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 8px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text);font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s var(--ease);z-index:20}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1}.icon-btn-sm:hover:not(:disabled){background:var(--surface-2);border-color:transparent;color:var(--text)}.icon-btn-danger:hover{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.card{position:relative;display:flex;flex-direction:column;height:100%;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color .15s var(--ease),background .15s var(--ease)}.card:hover{border-color:var(--border-strong)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px}.card-body{flex:1;min-width:0}.icon-badge{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--hero);color:var(--on-accent)}.card-title{margin:0 0 3px;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{margin:0;color:var(--text-dim);font-size:12.5px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:var(--space-4)}.card-actions-tools{display:flex;gap:2px;margin-left:auto}.card-tools{position:relative;z-index:1;display:flex;gap:2px;margin:-4px -4px 0 0}.card-link{display:block;width:100%;margin-top:var(--space-3);padding:0;border:0;background:none;color:inherit;font-family:inherit;text-align:left}.card-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.card-link:focus-visible{outline:none}.card-link:focus-visible:after{box-shadow:0 0 0 2px var(--ring)}.folder-card{cursor:pointer}.folder-card .icon-badge{width:36px;height:36px}.folder-card .card-title{font-size:14px}.muted{color:var(--text-dim)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:56px 20px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-dim);text-align:center}.empty-text{margin:0}.empty-hint{margin:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-dim);font-size:13.5px}.spinner{width:24px;height:24px;border:3px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-error{min-height:18px;margin:4px 0 12px;color:var(--danger);font-size:13px}.form-success{margin:0 0 16px;padding:10px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);font-size:13px;font-weight:600}.field{margin-bottom:14px}.field label{display:block;margin:0 0 6px 4px;color:var(--text-dim);font-size:13px;font-weight:600}.field input,.select{width:100%;height:48px;padding:0 18px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:15px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.field input:hover,.select:hover{border-color:var(--border-strong)}.field input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ffe0002e}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2397979f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.field-hint{margin:6px 0 0 4px;color:var(--text-dim);font-size:12px;line-height:1.4}.field-password{position:relative}.field-password input{padding-right:52px}.field-password .toggle-vis{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:36px;height:36px;padding:0;transform:translateY(-50%);border:none;border-radius:50%;background:none;color:var(--text-dim)}.field-password .toggle-vis:hover{background:var(--surface);color:var(--text)}.auth-wrap{display:grid;place-items:center;min-height:100%;padding:var(--space-5) var(--space-4);background:radial-gradient(60% 45% at 50% 0%,rgba(255,224,0,.07),transparent 70%),var(--bg)}.auth-card{width:100%;max-width:420px;padding:36px 32px 32px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.auth-card h1{margin:0 0 6px;font-size:27px;font-weight:700;text-align:center}.auth-card p.sub{margin:0 0 28px;color:var(--text-dim);font-size:14px;text-align:center}.auth-forgot{margin:2px 0 10px;text-align:center;font-size:14px;font-weight:600}.auth-forgot a:hover{color:var(--accent)}.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--text-dim);font-size:13px;font-weight:600}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-links{margin-top:22px;color:var(--text-dim);font-size:14px;text-align:center}.auth-links a{color:var(--accent);font-weight:700}.auth-links a:hover{text-decoration:underline}.social-stack{display:flex;flex-direction:column;gap:12px}.btn-social-wrap{position:relative;display:flex;justify-content:center;border-radius:var(--radius-pill);overflow:hidden}.btn-social-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:not-allowed}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:15px;font-weight:700;transition:background .15s var(--ease)}.btn-social:disabled{opacity:.5;cursor:not-allowed}.btn-apple{background:var(--surface-2);color:var(--text)}.btn-apple:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 85%,#ffffff)}.btn-apple svg{width:18px;height:18px;flex-shrink:0;fill:currentColor}.otp-group{display:flex;justify-content:center;gap:12px;margin-bottom:14px}.otp-digit{width:56px;height:60px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text);font-size:24px;font-weight:700;text-align:center;caret-color:var(--accent);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.otp-digit:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ffe0002e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0000009e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .15s var(--ease)}.modal{width:100%;max-width:420px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);animation:rise-in .2s var(--ease)}.modal-title{margin:0 0 16px;font-size:19px;font-weight:700}.modal-text{margin:0;color:var(--text-dim);font-size:14.5px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.editor-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:14px;padding:10px 10px 10px 18px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface)}.save-state{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-dim);font-size:13px;font-weight:600}.save-dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.save-state.dirty{color:var(--accent)}.save-state.dirty .save-dot{background:var(--accent);box-shadow:0 0 0 4px #ffe00029}.editor{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--chip)}.tool-btn{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);font-size:13px;font-weight:700;transition:background .15s var(--ease),color .15s var(--ease)}.tool-btn:hover{background:var(--surface-2);color:var(--text)}.tool-btn.is-active{border-color:#ffe00059;background:#ffe0001f;color:var(--accent)}.editor-sep{width:1px;height:20px;margin:0 4px;background:var(--border)}.editor-color{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);cursor:pointer}.editor-color:hover{background:var(--surface-2)}.editor-color input[type=color]{width:22px;height:22px;padding:0;border:2px solid var(--border-strong);border-radius:50%;background:none;cursor:pointer;overflow:hidden}.editor-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.editor-color input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.editor-color input[type=color]::-moz-color-swatch{border:none;border-radius:50%}.editor-content{max-height:60vh;overflow-y:auto}.editor-content .ProseMirror{min-height:300px;padding:20px 24px;outline:none;font-size:17px;line-height:1.65}.editor-content .ProseMirror p{margin:0 0 .6em}.editor-content .ProseMirror h1,.editor-content .ProseMirror h2{margin:.4em 0 .5em;font-weight:800;line-height:1.25}.editor-content .ProseMirror h1{font-size:28px}.editor-content .ProseMirror h2{font-size:22px}.editor-content .ProseMirror ul,.editor-content .ProseMirror ol{margin:0 0 .6em;padding-left:1.4em}.tp-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000}.tp-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.tp-mover{position:absolute;top:0;left:0;right:0;will-change:transform}.tp-content{width:100%;font-weight:600;line-height:1.5;word-break:break-word}.tp-content *{max-width:100%}.tp-cue{position:absolute;z-index:5;display:flex;align-items:center;pointer-events:none}.tp-countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#0009}.tp-countdown span{color:var(--accent);font-size:22vmin;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 4px 40px rgba(0,0,0,.6)}.tp-hint{position:absolute;top:20px;left:50%;z-index:20;max-width:calc(100% - 32px);padding:9px 16px;transform:translate(-50%);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--nav);color:var(--text);font-size:13px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tp-hint kbd{padding:1px 7px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-2);font-family:inherit;font-size:12px;font-weight:700}.tp-finished{position:absolute;top:50%;left:50%;z-index:20;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:26px 36px;transform:translate(-50%,-50%);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--nav);box-shadow:var(--shadow);color:var(--text);font-size:18px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tp-controls{position:absolute;left:0;right:0;bottom:0;z-index:25;display:flex;justify-content:center;padding:24px 16px 18px;background:linear-gradient(to top,#000000b3,#0000);opacity:.25;transition:opacity .2s var(--ease)}.tp-controls:hover,.tp-controls:focus-within,.tp-root:hover .tp-controls{opacity:1}.tp-dock{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);max-width:100%;padding:8px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--nav);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tp-play{display:grid;place-items:center;width:48px;height:48px;padding:0;border:none;border-radius:50%;background:var(--hero);color:var(--on-accent);box-shadow:0 6px 18px #ffe00038;transition:transform .1s var(--ease)}.tp-play:active{transform:scale(.95)}.tp-divider{width:1px;height:28px;margin:0 2px;background:var(--border)}.stepper{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--chip)}.stepper-readout{display:flex;flex-direction:column;align-items:center;min-width:48px;line-height:1.1}.stepper-label{color:var(--text-dim);font-size:10.5px;font-weight:600}.stepper-value{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.tp-clock{display:flex;align-items:center;gap:6px;padding:0 10px;color:var(--text-dim);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.tp-drawer{position:absolute;top:0;right:0;bottom:0;z-index:40;width:360px;max-width:92vw;padding:20px 22px;overflow-y:auto;border-left:1px solid var(--border);border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--surface);box-shadow:-14px 0 40px #00000073;animation:slide-in .2s var(--ease)}.tp-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tp-drawer-head h2{margin:0;font-size:18px;font-weight:700}.drawer-note{margin:20px 0 0;color:var(--text-dim);font-size:12px}@keyframes slide-in{0%{transform:translate(24px);opacity:0}}.set-panel{display:flex;flex-direction:column;gap:16px}.set-row{padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--chip)}.set-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:600}.set-val{min-width:36px;padding:3px 9px;border-radius:6px;background:var(--surface-2);color:var(--accent);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.set-row input[type=range]{--fill: 50%;width:100%;height:20px;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.set-row input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--accent) var(--fill),var(--surface-2) var(--fill))}.set-row input[type=range]::-moz-range-track{height:6px;border-radius:var(--radius-pill);background:var(--surface-2)}.set-row input[type=range]::-moz-range-progress{height:6px;border-radius:var(--radius-pill);background:var(--accent)}.set-row input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;border:4px solid var(--on-accent);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent);-webkit-appearance:none;-moz-appearance:none;appearance:none}.set-row input[type=range]::-moz-range-thumb{width:10px;height:10px;border:4px solid var(--on-accent);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.segmented{display:flex;gap:4px;padding:4px;border-radius:var(--radius-sm);background:var(--surface-2)}.segmented-stack{flex-direction:column}.segmented-option{flex:1;min-height:34px;padding:6px 12px;border:none;border-radius:7px;background:transparent;color:var(--text-dim);font-size:13px;font-weight:600;transition:background .15s var(--ease),color .15s var(--ease)}.segmented-option:hover{color:var(--text)}.segmented-option.is-active{background:var(--accent);color:var(--on-accent);font-weight:700}@media (max-width: 560px){.app-shell{padding:var(--space-4) var(--space-4) 64px}.page-heading{font-size:22px}.auth-card{padding:28px 20px 24px}.otp-digit{width:52px;height:56px}.editor-bar{border-radius:var(--radius-md)}.tp-divider{display:none}.tp-hint{border-radius:var(--radius-md)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important}.modal-backdrop,.modal,.tp-drawer{animation:none}}