@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) 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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.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: #0d1117;--surface: #161b22;--surface-2: #21262d;--border: rgba(240, 246, 252, .1);--text: #e6edf3;--text-muted: #8b949e;--accent: #64ffda;--accent-dim: rgba(100, 255, 218, .12);--glow: rgba(100, 255, 218, .06);--shadow: rgba(0, 0, 0, .35);--danger: #f85149;--danger-text: #ffa198;--danger-dim: rgba(248, 81, 73, .1);--ok: #3fb950;--ok-text: #3fb950;--ok-dim: rgba(63, 185, 80, .15);--warn: #d29922;--warn-dim: rgba(210, 153, 34, .15);--bad-text: #ff7b72;--bad-dim: rgba(248, 81, 73, .15);--part-1: #ff7b9c;--part-2: #a5d6ff;--part-3: #d2a8ff;--font-sans: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", "Fira Code", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius: 12px;--gutter: 24px}:root[data-theme=light]{--bg: #f6f8fa;--surface: #ffffff;--surface-2: #eaeef2;--border: rgba(31, 35, 40, .12);--text: #1f2328;--text-muted: #59636e;--accent: #0d9488;--accent-dim: rgba(13, 148, 136, .1);--glow: rgba(13, 148, 136, .08);--shadow: rgba(31, 35, 40, .08);--danger: #cf222e;--danger-text: #a40e26;--danger-dim: rgba(207, 34, 46, .08);--ok: #1a7f37;--ok-text: #1a7f37;--ok-dim: rgba(26, 127, 55, .12);--warn: #9a6700;--warn-dim: rgba(154, 103, 0, .12);--bad-text: #cf222e;--bad-dim: rgba(207, 34, 46, .1);--part-1: #bf3989;--part-2: #0969da;--part-3: #8250df}html[data-theme=light]{color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark;background-color:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a,button,input,label{touch-action:manipulation}button,input{font:inherit}body{background-color:var(--bg);background-image:radial-gradient(circle at 50% 0%,var(--glow),transparent 60%);color:var(--text);font-family:var(--font-sans);line-height:1.6;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--gutter);padding-top:max(var(--gutter),env(safe-area-inset-top));padding-right:max(var(--gutter),env(safe-area-inset-right));padding-bottom:max(var(--gutter),env(safe-area-inset-bottom));padding-left:max(var(--gutter),env(safe-area-inset-left))}#root{width:100%;display:flex;justify-content:center}.card{text-align:center;padding:32px 28px;border-radius:var(--radius);width:100%;max-width:420px;background-color:var(--surface);border:1px solid var(--border);box-shadow:0 8px 40px var(--shadow)}.avatar{width:120px;height:120px;border-radius:50%;margin-bottom:20px;object-fit:cover;border:2px solid var(--accent);box-shadow:0 0 0 4px var(--accent-dim)}h1{font-size:1.9rem;font-weight:400;letter-spacing:-.5px;margin-bottom:12px}h1 strong{font-weight:700}.role{font-family:var(--font-mono);font-size:.95rem;font-weight:400;color:var(--text-muted);margin-bottom:22px;min-height:1.4em}.role .prompt{color:var(--accent);margin-right:6px}.role .typed{color:var(--text)}.cursor{display:inline-block;color:var(--accent);font-weight:700;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.description{font-size:.92rem;color:var(--text-muted);margin-bottom:28px}.social-links{display:flex;justify-content:center;gap:22px;margin-bottom:4px}.icon{display:inline-flex;color:var(--text-muted);transition:color .25s ease,transform .25s ease;text-decoration:none}.icon svg{width:22px;height:22px;display:block}.icon:focus-visible{color:var(--accent);transform:translateY(-2px);outline:none}.nav-links{margin-top:26px;display:flex;justify-content:center;gap:10px;font-family:var(--font-mono);font-size:.85rem}.projects-link{display:inline-block;color:var(--accent);text-decoration:none;padding:4px 2px;border-bottom:1px solid transparent;transition:border-color .25s ease,opacity .25s ease}.projects-link:focus-visible{border-color:var(--accent);outline:none}.nav-sep{color:var(--border)}.card-projects{text-align:left;max-width:520px}.card-projects h1{font-size:1.6rem;margin-bottom:8px}.card-projects .description{text-align:left;margin-bottom:24px}.project{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;padding:18px;background-color:var(--surface-2);border:1px solid var(--border);border-radius:10px;transition:border-color .25s ease,transform .25s ease}.project-logo{flex-shrink:0;width:56px;height:56px;border-radius:12px;object-fit:cover}.project-body{flex:1;min-width:0}.project h2{font-size:1.15rem;font-weight:600;color:var(--text);margin-bottom:8px}.project-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.82rem;color:var(--accent);text-decoration:none;margin-bottom:8px;border-bottom:1px solid transparent;transition:border-color .25s ease}.project-link:focus-visible{border-color:var(--accent);outline:none}.project-link svg{width:13px;height:13px;opacity:.9}.project p{margin-top:8px;color:var(--text-muted);font-size:.9rem}.back-link{display:inline-flex;width:.9em;height:.9em;margin:0 6px 0 -4px;vertical-align:-.08em;color:var(--accent);border-radius:6px;transition:transform .25s ease,opacity .25s ease}.back-link svg{width:100%;height:100%;display:block}.back-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body.home{min-height:100vh;min-height:100dvh}@media (max-width: 480px){body.home{height:100dvh;overflow:hidden;--gutter: 16px}body.home .card{padding:24px 22px}body.home .avatar{width:96px;height:96px;margin-bottom:16px}body.home h1{font-size:1.6rem;margin-bottom:10px}body.home .description{margin-bottom:22px}body:not(.home){--gutter: 12px}.card-projects{padding:22px 14px}.card-projects h1{font-size:1.45rem}.card-projects .description{margin-bottom:20px}.project{gap:12px;padding:14px}.project-logo{width:44px;height:44px;border-radius:10px}}.card-tool{max-width:640px}.tool-input-row{display:flex;gap:10px;margin-bottom:14px}.tool-input{flex:1;min-width:0;font-family:var(--font-mono);font-size:.9rem;color:var(--text);background-color:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;transition:border-color .25s ease}.tool-input:focus-visible,.cron-field-input:focus-visible{border-color:var(--accent);outline:none}.tool-invalid{border-color:var(--danger)}.tool-button{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.82rem;color:var(--accent);background-color:var(--accent-dim);border:1px solid transparent;border-radius:10px;padding:0 14px;cursor:pointer;transition:border-color .25s ease}.tool-button:focus-visible{border-color:var(--accent);outline:none}.tool-button:disabled{opacity:.5;cursor:default}.tool-button svg{width:14px;height:14px}.tool-button-sm{font-size:.74rem;border-radius:8px;padding:4px 10px}.tool-button-sm svg{width:12px;height:12px}.tool-heading-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 10px}.tool-heading-row .tool-heading{margin:0}.tool-rows{list-style:none;display:flex;flex-direction:column;gap:6px}.tool-rows li{font-size:.85rem;padding:8px 12px;background-color:var(--surface-2);border:1px solid var(--border);border-radius:8px}.tool-rows code{font-family:var(--font-mono);color:var(--accent);overflow-wrap:anywhere}.tool-code{font-family:var(--font-mono);font-size:.82rem;line-height:1.55;color:var(--text);background-color:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere}.cron-input{font-size:1.05rem;letter-spacing:1px}.cron-fields{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}.cron-field{display:flex;flex-direction:column;gap:4px;min-width:0}.cron-field-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.cron-field-input{width:100%;font-family:var(--font-mono);font-size:.9rem;text-align:center;color:var(--text);background-color:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 6px;transition:border-color .25s ease}.cron-field-hint{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);text-align:center}.tool-summary{font-size:1.05rem;color:var(--text);background-color:var(--accent-dim);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:12px 14px;margin-bottom:12px}.tool-error{font-size:.92rem;color:var(--danger-text);background-color:var(--danger-dim);border-left:3px solid var(--danger);border-radius:0 8px 8px 0;padding:12px 14px}.tool-note{font-size:.85rem;color:var(--text-muted);margin-bottom:10px}.tool-note code{font-family:var(--font-mono);color:var(--accent)}.tool-heading{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin:26px 0 10px}.tool-heading-aside{font-family:var(--font-mono);font-weight:400;text-transform:none;letter-spacing:0;opacity:.7}.cron-breakdown li{display:grid;grid-template-columns:64px 110px 1fr;align-items:baseline;gap:10px;color:var(--text-muted)}.cron-breakdown-label{color:var(--text-muted)}.cron-breakdown-value{color:var(--text)}.cron-runs{counter-reset:run;font-family:var(--font-mono);font-size:.85rem}.cron-runs li{display:flex;align-items:baseline;gap:10px;color:var(--text)}.cron-runs li:before{counter-increment:run;content:counter(run);color:var(--accent);opacity:.7}.tool-chips{display:flex;flex-wrap:wrap;gap:8px}.tool-chip{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);background-color:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:6px 12px;cursor:pointer;transition:color .25s ease,border-color .25s ease}.tool-chip:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}.cron-syntax{display:flex;flex-direction:column;gap:8px}.cron-syntax-row{display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:baseline;font-size:.85rem}.cron-syntax dt code{font-family:var(--font-mono);color:var(--accent)}.cron-syntax dd{color:var(--text)}.cron-syntax-example{display:block;font-family:var(--font-mono);font-size:.76rem;color:var(--text-muted);margin-top:2px;overflow-wrap:anywhere}@media (max-width: 480px){.card-tool{padding:22px 14px}.cron-input{font-size:.95rem;letter-spacing:0}.tool-button{padding:0 10px}.cron-fields{grid-template-columns:repeat(3,1fr);gap:10px}.tool-summary{font-size:.98rem}.cron-breakdown li{grid-template-columns:auto 1fr;gap:12px}.cron-breakdown-label{display:none}.cron-syntax-row{grid-template-columns:1fr;gap:2px}}.card-tool{--jwt-header: var(--part-1);--jwt-payload: var(--part-2);--jwt-signature: var(--part-3)}.jwt-input{display:block;width:100%;min-height:7.5em;resize:vertical;line-height:1.5;overflow-wrap:anywhere;margin-bottom:12px}.jwt-actions{margin-bottom:20px}.jwt-summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.jwt-badge{font-family:var(--font-mono);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background-color:var(--surface-2);border-radius:999px;padding:2px 10px}.jwt-state-valid{color:var(--ok-text);background-color:var(--ok-dim)}.jwt-state-expired{color:var(--bad-text);background-color:var(--bad-dim)}.jwt-state-not-yet-valid{color:var(--warn);background-color:var(--warn-dim)}.jwt-token{font-family:var(--font-mono);font-size:.78rem;line-height:1.6;color:var(--text-muted);overflow-wrap:anywhere}.jwt-part-header{color:var(--jwt-header)}.jwt-part-payload{color:var(--jwt-payload)}.jwt-part-signature{color:var(--jwt-signature)}.jwt-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px}.jwt-dot-header{background-color:var(--jwt-header)}.jwt-dot-payload{background-color:var(--jwt-payload)}.jwt-dot-signature{background-color:var(--jwt-signature)}.jwt-signature{color:var(--jwt-signature)}.jwt-claims li{display:grid;grid-template-columns:44px 120px 1fr;align-items:baseline;gap:10px;color:var(--text-muted)}.jwt-claim-value{color:var(--text);overflow-wrap:anywhere}.jwt-claim-relative{display:block;font-size:.78rem;color:var(--text-muted)}.jwt-verify{margin:12px 0}.jwt-verify .tool-button{justify-content:center}@media (max-width: 480px){.jwt-claims li{grid-template-columns:auto 1fr;gap:12px}.jwt-claim-label{display:none}}.card-tool{--sf-timestamp: var(--part-2);--sf-node: var(--part-1);--sf-counter: var(--part-3)}.sf-input{font-size:1.05rem;letter-spacing:.5px}.sf-actions{margin-bottom:20px}.sf-binary{font-family:var(--font-mono);font-size:.78rem;line-height:1.6;letter-spacing:.5px;overflow-wrap:anywhere;padding:10px 12px;background-color:var(--surface-2);border:1px solid var(--border);border-radius:8px}.sf-part-sign{color:var(--text-muted)}.sf-part-timestamp{color:var(--sf-timestamp)}.sf-part-node{color:var(--sf-node)}.sf-part-counter{color:var(--sf-counter)}.tool-rows .sf-part-label.sf-part-timestamp{color:var(--sf-timestamp)}.tool-rows .sf-part-label.sf-part-node{color:var(--sf-node)}.tool-rows .sf-part-label.sf-part-counter{color:var(--sf-counter)}.sf-parts li{display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:10px}.sf-part-value{font-family:var(--font-mono);color:var(--text);overflow-wrap:anywhere}.sf-part-hint{display:block;font-family:var(--font-sans);font-size:.76rem;color:var(--text-muted)}.sf-bits{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);white-space:nowrap}.sf-bits-value{min-width:5.5ch;text-align:center}.sf-step,.sf-icon-button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;font-family:var(--font-mono);font-size:.95rem;line-height:1;color:var(--accent);background-color:var(--accent-dim);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:border-color .25s ease}.sf-step:disabled{opacity:.35;cursor:default}.sf-step:focus-visible,.sf-icon-button:focus-visible{border-color:var(--accent);outline:none}.sf-icon-button{color:var(--text-muted);background-color:transparent}.sf-icon-button svg{width:15px;height:15px}.sf-layout-note{margin-top:8px}.sf-history li{display:flex;align-items:center;gap:10px}.sf-history-id{flex:1;min-width:0;text-align:left;color:inherit;background:none;border:none;border-radius:4px;cursor:pointer}.sf-history-id:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sf-history-meta{display:block;font-family:var(--font-mono);font-size:.74rem;color:var(--text-muted)}@media (max-width: 480px){.sf-input{font-size:.95rem;letter-spacing:0}.sf-button-text{display:none}.sf-parts li{grid-template-columns:1fr auto;grid-template-areas:"label bits" "value value";row-gap:4px}.sf-parts .sf-part-label{grid-area:label}.sf-parts .sf-bits{grid-area:bits}.sf-parts .sf-part-value{grid-area:value}}.top-controls{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:1;display:flex;gap:8px}.toggle{display:inline-flex;gap:2px;padding:3px;background-color:var(--surface);border:1px solid var(--border);border-radius:999px}@media (max-width: 720px){body:not(.home){padding-top:calc(max(12px,env(safe-area-inset-top)) + 52px)}}.toggle button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-muted);background:none;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:color .25s ease,background-color .25s ease,border-color .25s ease}.toggle svg{width:16px;height:16px;display:block}.toggle button[aria-checked=true]{color:var(--accent);background-color:var(--accent-dim)}.lang-toggle button{width:auto;min-width:32px;padding:0 8px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.04em}.toggle button:focus-visible{border-color:var(--accent);outline:none}@media (hover: hover) and (pointer: fine){.icon:hover{color:var(--accent);transform:translateY(-2px)}.projects-link:hover,.project-link:hover,.tool-button:hover{border-color:var(--accent)}.back-link:hover{transform:translate(-3px)}.project:hover{border-color:var(--accent-dim);transform:translateY(-2px)}.tool-chip:hover{color:var(--accent);border-color:var(--accent)}.toggle button:hover{color:var(--accent)}.sf-step:not(:disabled):hover{border-color:var(--accent)}.sf-icon-button:hover,.sf-history-id:hover code{color:var(--accent)}}@media (pointer: coarse){input,select,textarea,.tool-input,.cron-field-input{font-size:16px}.social-links{gap:0;margin:-11px 0 -7px}.icon{padding:11px}.nav-links{gap:2px}.projects-link{padding:12px 6px;margin:-8px 0}.tool-chip{padding:10px 14px}.tool-button{min-width:44px}.tool-button-sm{position:relative;padding:4px 12px}.tool-button-sm:after{content:"";position:absolute;top:-9px;right:0;bottom:-9px;left:0}.toggle{padding:4px;gap:0}.toggle button{position:relative;width:36px;height:36px}.lang-toggle button{width:auto;min-width:36px}.toggle button:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.sf-step,.sf-icon-button{position:relative;width:30px;height:30px}.sf-step:after,.sf-icon-button:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}.sf-bits{gap:8px}.back-link{box-sizing:content-box;padding:12px;margin:-12px -6px -12px -16px}.icon:active,.back-link:active,.projects-link:active,.project-link:active,.tool-button:active,.tool-chip:active,.sf-step:active,.sf-icon-button:active,.toggle button:active,.sf-history-id:active{opacity:.7}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}