*{box-sizing:border-box}html{scroll-behavior:initial;overflow-x:clip}body{margin:0;overflow-x:hidden;overflow-x:clip}h1,h2,h3,h4,h5,p{margin:0}ol,ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;transition-delay:0ms!important;animation:none!important}}body{font-family:var(--font);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased}h1,h2,h3{text-wrap:balance;font-weight:600;letter-spacing:-.02em}p{text-wrap:pretty}.grad{background:linear-gradient(90deg,var(--grad-from),var(--grad-to));-webkit-background-clip:text;background-clip:text;color:transparent}.display{font-size:48px;line-height:1;letter-spacing:-.035em;padding-bottom:var(--s75)}@media only screen and (min-width:640px){.display{font-size:60px}}@media only screen and (min-width:1100px){.display{font-size:72px}}.title{font-size:20px;line-height:28px}.title-lg{font-size:24px;line-height:32px}.text-sm{font-size:14px;line-height:20px;color:var(--muted)}.lead{font-size:18px;line-height:28px;color:var(--muted)}.link{color:var(--accent);font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .4s var(--ease)}.link:hover{text-decoration-color:currentColor}app-root{display:flex;flex-direction:column;min-height:100svh}app-root>*{min-width:0}app-root>router-outlet+*{flex:1 0 auto}.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--s200)}@media only screen and (min-width:640px){.wrap{padding-inline:var(--s400)}}.section{position:relative;padding-block:var(--s700)}@media only screen and (min-width:640px){.section{padding-block:var(--s900)}}.dots3{display:flex;gap:6px}.dots3 i{width:10px;height:10px;border-radius:9999px;background:var(--line-strong)}.actions{display:flex;flex-wrap:wrap;gap:var(--s300);align-items:center}.page{padding-block:160px var(--s900)}@media only screen and (max-width:639.98px){.page{padding-top:128px}}.card{display:flex;flex-direction:column;gap:var(--s200);padding:var(--s400);border-radius:24px;border:1px solid var(--line);background:var(--surface)}.card-hover{transition:border-color .7s var(--ease),transform .7s var(--ease),background-color .7s var(--ease)}.card-hover:hover{border-color:var(--line-strong);transform:translateY(-4px);background:var(--surface-2)}.card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s200)}@media only screen and (min-width:760px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (min-width:1000px){.card-grid{grid-template-columns:repeat(var(--columns, 3),minmax(0,1fr))}}.icon-btn{flex:none;width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:9999px;border:1px solid var(--line-strong);background:transparent;color:var(--fg);cursor:pointer;transition:background-color .7s var(--ease),transform .7s var(--ease)}.icon-btn:hover{background:var(--surface-2)}.icon-btn:active{transform:scale(.98)}.icon-btn svg{width:16px;height:16px}.icon-btn-sm{width:32px;height:32px}.icon-btn-sm svg{width:14px;height:14px;color:var(--muted)}.glow-dot{flex:none;width:var(--size, 8px);height:var(--size, 8px);border-radius:9999px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.icon-tile{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line-strong);background:var(--bg);color:var(--accent)}.icon-tile svg{width:20px;height:20px}.icon-badge{flex:none;width:56px;height:56px;display:grid;place-items:center;border-radius:9999px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line)}.icon-badge.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.icon-badge svg{width:26px;height:26px}.btn{display:inline-flex;align-items:center;gap:var(--s75);padding:var(--s75) var(--s100);font-size:16px;line-height:24px;font-weight:600;font-family:inherit;white-space:nowrap;border-radius:9999px;border:1px solid transparent;cursor:pointer;transition:transform .7s var(--ease),background-color .7s var(--ease),border-color .7s var(--ease),color .7s var(--ease),box-shadow .7s var(--ease)}.btn svg{width:16px;height:16px;transition:transform .7s var(--ease)}.btn:hover svg{transform:translate(4px)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--fg);color:var(--bg)}.btn-primary:hover{background:var(--accent);color:var(--on-accent);box-shadow:0 0 32px var(--accent-glow)}.btn-ghost{border-color:var(--line-strong);color:var(--fg);background:transparent}.btn-ghost:hover{background:var(--surface);border-color:var(--dim)}.btn-sm{font-size:14px;line-height:20px}.form-frame{border-radius:20px;border:1px solid var(--line-strong);background:var(--surface-2);padding:0 8px 8px}.form-frame-bar{height:40px;display:flex;align-items:center;gap:12px;padding:0 8px}.form-frame-url{flex:1;text-align:center;font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--sunken);border:1px solid var(--line);border-radius:9999px;padding:3px 0}.form-frame-body{border-radius:12px;background:var(--sunken);padding:var(--s400);display:flex;flex-direction:column;gap:var(--s200)}@media only screen and (max-width:759.98px){.form-frame-body{padding:var(--s300) var(--s200)}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s300) var(--s200)}@media only screen and (max-width:639.98px){.form-grid{grid-template-columns:minmax(0,1fr)}}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.full{grid-column:1/-1}.field-label{font-size:14px;color:var(--muted)}.field-label em{font-style:normal;color:var(--dim)}.field-input{height:48px;font-size:16px;border-radius:10px;border:1px solid var(--line-strong);background:var(--bg);display:flex;align-items:center;gap:8px;padding:0 12px;transition:border-color .4s var(--ease),box-shadow .4s var(--ease)}.field-input.focus,.field-input:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.field-input svg{width:14px;height:14px;margin-left:auto;color:var(--dim);flex:none;pointer-events:none}.field-area{display:block;height:auto;min-height:128px;border-radius:12px;padding:12px 14px}.field-area textarea{width:100%;min-height:104px;resize:vertical}.field-control{flex:1;min-width:0;height:100%;border:0;padding:0;background:transparent;color:var(--fg);font:inherit;outline:none;appearance:none}.field-control::placeholder{color:var(--dim)}.form-stack{display:flex;flex-direction:column;gap:var(--s300)}.form-actions{display:flex;flex-direction:column;gap:var(--s100)}.form-actions .btn{justify-content:center;min-height:48px}.form-actions>p{font-size:13px;line-height:18px;text-align:center;color:var(--muted)}.field-foot{display:flex;gap:var(--s200)}.field-foot .count{margin-left:auto;font-family:var(--mono);color:var(--dim);font-variant-numeric:tabular-nums}.field-error,.count{font-size:12px;line-height:16px}.field-error{color:var(--danger)}.field-input.invalid{border-color:var(--danger)}.field-prefix{font-family:var(--mono);font-size:12px;color:var(--muted);padding-right:8px;border-right:1px solid var(--line-strong)}.reveal{--reveal-from: translateY(64px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease)}.reveal.from-left{--reveal-from: translateX(-64px)}.reveal.from-right{--reveal-from: translateX(64px)}.reveal.from-scale{--reveal-from: scale(.92)}.reveal.pre{opacity:0;transform:var(--reveal-from);filter:blur(12px)}.reveal.on-load{animation:reveal-in .9s var(--ease) var(--reveal-load-delay, 0ms) backwards}@keyframes reveal-in{0%{opacity:0;transform:var(--reveal-from);filter:blur(12px)}}html{--mat-select-panel-background-color: var(--surface);--mat-select-enabled-trigger-text-color: var(--fg);--mat-select-disabled-trigger-text-color: var(--dim);--mat-select-placeholder-text-color: var(--dim);--mat-select-enabled-arrow-color: var(--dim);--mat-select-disabled-arrow-color: var(--faint);--mat-select-focused-arrow-color: var(--accent);--mat-select-invalid-arrow-color: var(--danger);--mat-select-trigger-text-font: var(--font);--mat-select-trigger-text-size: inherit;--mat-select-trigger-text-line-height: inherit;--mat-select-trigger-text-weight: inherit;--mat-select-trigger-text-tracking: normal;--mat-select-container-elevation-shadow: 0 24px 64px var(--shadow);--mat-option-label-text-color: var(--fg);--mat-option-selected-state-label-text-color: var(--accent);--mat-option-hover-state-layer-color: var(--surface-2);--mat-option-focus-state-layer-color: var(--surface-2);--mat-option-selected-state-layer-color: var(--accent-soft);--mat-option-label-text-font: var(--font);--mat-option-label-text-size: 15px;--mat-option-label-text-line-height: 20px;--mat-option-label-text-weight: 400;--mat-option-label-text-tracking: normal;--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--accent);--mat-dialog-container-color: var(--surface);--mat-dialog-container-shape: 0;--mat-dialog-container-elevation-shadow: 0 0 64px var(--shadow-strong);--mat-dialog-container-max-width: 100vw;--mat-bottom-sheet-container-background-color: var(--surface);--mat-bottom-sheet-container-text-color: var(--fg);--mat-bottom-sheet-container-shape: 20px;--mat-bottom-sheet-container-text-font: var(--font);--mat-bottom-sheet-container-text-size: 16px;--mat-bottom-sheet-container-text-line-height: 24px;--mat-bottom-sheet-container-text-weight: 400;--mat-bottom-sheet-container-text-tracking: normal;--mat-ripple-color: var(--accent-soft)}.field-input:has(>.mat-mdc-select:only-child){padding:0}.field-input>.mat-mdc-select:only-child{height:100%}.field-input>.mat-mdc-select:only-child .mat-mdc-select-trigger{height:100%;padding:0 12px}.field-prefix.mat-mdc-select{width:auto;flex:none;height:100%}.field-prefix.mat-mdc-select .mat-mdc-select-trigger{height:100%;gap:6px}div.mat-mdc-select-panel.form-select-panel{padding:6px;border-radius:12px;border:1px solid var(--line-strong)}div.mat-mdc-select-panel.form-select-panel .mat-mdc-option{min-height:40px;border-radius:8px}.side-panel .mat-mdc-dialog-surface{border-left:1px solid var(--line-strong);transform:translate(100%);transition:transform .45s var(--ease)}.side-panel .mdc-dialog--open .mat-mdc-dialog-surface{transform:none}.side-panel .mdc-dialog--closing .mat-mdc-dialog-surface{transform:translate(100%)}.app-sheet .mat-bottom-sheet-container{padding:0;max-height:92dvh;border:1px solid var(--line-strong);border-bottom:0}:root{color-scheme:dark;--bg: #000000;--sunken: #0b0b0b;--surface: #181818;--surface-2: #1f1f1f;--surface-3: #2a2a2a;--bezel: #141414;--line: #272727;--line-strong: #313131;--device-edge: #313131;--stroke: #3d3d3d;--faint: #4a4a4a;--dim: #888888;--muted: #9b9b9b;--fg: #f4f5f5;--fg-ghost: rgba(244, 245, 245, .28);--accent: #7fe3f0;--on-accent: #001a1e;--accent-soft: rgba(127, 227, 240, .12);--accent-line: rgba(127, 227, 240, .4);--accent-glow: rgba(127, 227, 240, .35);--danger: #ff6b6b;--syn-key: #b9b4ff;--on-syn-key: #12102a;--syn-key-glow: rgba(185, 180, 255, .5);--grad-from: #ffffff;--grad-to: #9b9b9b;--glass: rgba(24, 24, 24, .62);--scrim: rgba(0, 0, 0, .8);--band: rgba(0, 0, 0, .88);--shadow: rgba(0, 0, 0, .6);--shadow-strong: rgba(0, 0, 0, .8);--person-skin: #4a4a4a;--person-hair: #151515;--person-shirt: #262626;--person-sleeve: #2a2a2a;--person-outline: rgba(127, 227, 240, .5)}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg: #ffffff;--sunken: #f6f7f7;--surface: #f0f1f1;--surface-2: #e8e9ea;--surface-3: #e2e4e5;--bezel: #e1e3e4;--line: #e3e4e5;--line-strong: #d1d4d6;--device-edge: #2a2e33;--stroke: #b9bdc0;--faint: #a9adb1;--dim: #63686d;--muted: #565b60;--fg: #0a0b0c;--fg-ghost: rgba(10, 11, 12, .2);--accent: #067080;--on-accent: #ffffff;--accent-soft: rgba(6, 112, 128, .1);--accent-line: rgba(6, 112, 128, .4);--accent-glow: rgba(6, 112, 128, .25);--danger: #c62828;--syn-key: #5b50d6;--on-syn-key: #ffffff;--syn-key-glow: rgba(91, 80, 214, .35);--grad-from: #000000;--grad-to: #6e6e6e;--glass: rgba(255, 255, 255, .7);--scrim: rgba(255, 255, 255, .82);--band: rgba(255, 255, 255, .9);--shadow: rgba(16, 24, 32, .12);--shadow-strong: rgba(16, 24, 32, .18);--person-skin: #c4c8cc;--person-hair: #8e9398;--person-shirt: #e2e5e8;--person-sleeve: #d8dce0;--person-outline: rgba(6, 112, 128, .55)}}:root{--font: "Geist", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--s25: 2px;--s50: 4px;--s75: 8px;--s100: 12px;--s200: 16px;--s300: 24px;--s400: 32px;--s500: 40px;--s600: 48px;--s700: 64px;--s800: 80px;--s900: 96px;--ease: cubic-bezier(.32, .72, 0, 1)}html,body{background:var(--bg);color:var(--fg)}