@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:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-cyrillic-ext-wght-normal-YcVxMP-u.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:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-cyrillic-wght-normal-UWPuZLjM.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-math-wght-normal-sOy7rEfW.woff2) format("woff2-variations");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-symbols-wght-normal-DQ5VrUkH.woff2) format("woff2-variations");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-vietnamese-wght-normal-CfJ7gtf3.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:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-latin-ext-wght-normal-C2Wlntb9.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:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-latin-wght-normal-BiLcIKcI.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{--page-background: #ffffff;color:#151515;background:var(--page-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%;background:var(--page-background);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-background)}#root{min-height:100vh;background:var(--page-background)}button,input,textarea{font:inherit}button{color:inherit}.app-shell{--page-background: #ffffff;--accent: #151515;--font-body: "Inter Variable", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Lora Variable", Georgia, "Times New Roman", serif;position:relative;min-height:100vh;overflow-x:clip;color:#151515;background:var(--page-background);font-family:var(--font-body);font-size:15.5px;line-height:1.5;transition:background-color .22s ease}.paint-canvas{position:absolute;z-index:20;top:0;left:0;display:block;visibility:hidden;pointer-events:none}.paint-canvas--enabled{visibility:visible;pointer-events:auto;cursor:crosshair;touch-action:none}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:8px 12px;color:var(--page-background);background:var(--accent);border-radius:99px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.page-frame{position:relative;left:-24px;display:grid;grid-template-columns:0 minmax(0,1fr);width:min(600px,calc(100% - 40px));margin:0 auto;padding:148px 0 126px}main:focus{outline:none}.page-frame>main{grid-column:2;grid-row:1;min-width:0}.profile-photo{display:block;width:110px;height:110px;object-fit:cover;border-radius:10px;filter:grayscale(100%)}h1,h2,h3,p,figure{margin:0}h1{font-family:var(--font-display);font-size:20.6px;line-height:1.28;font-weight:600;letter-spacing:-.015em;color:var(--accent);transition:color .14s ease}.profile-name-row{display:flex;align-items:center;gap:7px;margin-top:16px}.profile-social-links{display:flex;align-items:center;gap:1px}.profile-social-link{display:grid;flex:0 0 auto;width:25px;height:25px;color:#1515159e;place-items:center;border-radius:50%;transition:color .14s ease,background-color .14s ease}.profile-social-link:hover{color:var(--accent);background:color-mix(in srgb,var(--page-background),#151515 6%)}.profile-subtitle{margin-top:2px;color:#1515157a;line-height:1.35}.profile-introduction{margin-top:15px;color:#151515d1}.profile-contact-action{padding:0;color:var(--accent);border:0;background:transparent;font:inherit;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,currentColor,transparent 48%);text-decoration-thickness:.75px;text-underline-offset:3px;cursor:pointer;transition:text-decoration-color .14s ease}.profile-contact-action:hover{text-decoration-color:currentColor}.content-section{margin-top:43px}.content-section>h2{color:#1515157f;font-family:var(--font-body);font-size:11px;line-height:1.5;font-weight:400;letter-spacing:.09em;text-transform:uppercase}.entry-title{color:var(--accent);transition:color .14s ease}.project-list{display:grid;gap:54px}.project{padding-top:1px}.project h3,.resume-entry h3{font-size:1em;line-height:1.5;font-weight:500}.project__heading-row{display:flex;align-items:center;gap:6px}.project__external-link{display:grid;flex:0 0 auto;width:24px;height:24px;color:#1515158f;place-items:center;border-radius:50%;transition:color .14s ease,background-color .14s ease}.project__external-link:hover{color:var(--accent);background:color-mix(in srgb,var(--page-background),#151515 6%)}.project__category,.resume-entry__role{font-weight:400}.project>p:not(.project__stack){margin-top:8px;color:#151515c7}.inline-project-link{color:inherit;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,currentColor,transparent 68%);text-decoration-thickness:.75px;text-underline-offset:2px;transition:color .14s ease,text-decoration-color .14s ease}.inline-project-link:hover{color:var(--accent);text-decoration-color:currentColor}.project__stack{margin-top:17px;color:#151515b8;font-size:.9em}.mockup{position:relative;width:100%;margin-top:16px;overflow:hidden;border:1px solid rgb(21 21 21 / 9%);border-radius:15px;background:color-mix(in srgb,var(--page-background),#151515 4%);aspect-ratio:16 / 9}.mockup img,.mockup a{display:block;width:100%;height:100%}.mockup img{object-fit:cover}.mockup--carousel{touch-action:pan-y;outline:none}.mockup-carousel__expand{position:absolute;z-index:1;inset:0;padding:0;border:0;background:transparent;cursor:zoom-in}.mockup-carousel__expand:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.mockup-carousel__track{position:relative;z-index:1;display:flex;width:100%;height:100%;transition:transform .42s cubic-bezier(.22,.72,.22,1);will-change:transform}.mockup-carousel__track--variant-entering{animation:mockup-variant-in .18s ease both}.mockup-carousel__outgoing{position:absolute;z-index:0;inset:0}.mockup-carousel__slide{width:100%;height:100%;flex:0 0 100%}.mockup-carousel__variants{position:absolute;z-index:3;top:9px;right:9px;display:flex;gap:5px}.mockup-carousel__variant-group{display:flex;padding:3px;border:1px solid rgb(255 255 255 / 15%);border-radius:99px;background:#00000085;box-shadow:0 4px 14px #00000024;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mockup-carousel__variant-group button{display:grid;width:26px;height:24px;padding:0;place-items:center;color:#ffffff9e;border:0;border-radius:99px;background:transparent;font-size:9px;line-height:1;cursor:pointer;transition:color .14s ease,background-color .14s ease}.mockup-carousel__variant-group button svg{width:14px;height:14px}.mockup-carousel__variant-group button:hover{color:#fff}.mockup-carousel__variant-group button[aria-pressed=true]{color:#151515;background:#fff}.mockup-carousel__variant-group button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mockup-carousel__arrow{position:absolute;z-index:2;top:50%;display:grid;width:32px;height:32px;padding:0;color:#fff;place-items:center;border:1px solid rgb(255 255 255 / 20%);border-radius:50%;background:#0000007f;box-shadow:0 4px 14px #0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .14s ease,background-color .14s ease}.mockup--carousel:hover .mockup-carousel__arrow,.mockup--carousel:focus-visible .mockup-carousel__arrow,.mockup-carousel__arrow:focus-visible{opacity:.72;pointer-events:auto}.mockup-carousel__arrow:hover,.mockup-carousel__arrow:focus-visible{background:#000000b8;opacity:1}.mockup-carousel__arrow:focus-visible,.mockup-carousel__dots button:focus-visible,.mockup--carousel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mockup-carousel__arrow--previous{left:10px}.mockup-carousel__arrow--next{right:10px}.mockup-carousel__dots{position:absolute;z-index:2;bottom:9px;left:50%;display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:99px;background:#0000007a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity .14s ease}.mockup--carousel:hover .mockup-carousel__dots,.mockup--carousel:focus-visible .mockup-carousel__dots,.mockup-carousel__dots:has(button:focus-visible){opacity:1;pointer-events:auto}@media(hover:none){.mockup--carousel:focus-within .mockup-carousel__arrow{opacity:.72;pointer-events:auto}.mockup--carousel:focus-within .mockup-carousel__dots{opacity:1;pointer-events:auto}}.mockup-carousel__dots button{width:5px;height:5px;padding:0;border:0;border-radius:50%;background:#ffffff73;cursor:pointer;transition:width .14s ease,background-color .14s ease}.mockup-carousel__dots button[aria-current=true]{width:13px;border-radius:99px;background:#fff}@keyframes mockup-variant-in{0%{opacity:0}to{opacity:1}}.project-lightbox{position:fixed;z-index:1000;inset:0;display:grid;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));color:#fff;place-items:center;background:#080808eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:lightbox-in .18s ease both}.project-lightbox__content{display:flex;max-width:calc(100vw - 112px);max-height:calc(100vh - 92px);align-items:center;flex-direction:column;gap:10px}.project-lightbox__content img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 130px);border-radius:12px;box-shadow:0 24px 80px #0000007a;object-fit:contain;animation:lightbox-image-in .18s ease both}.project-lightbox__caption{margin:0;color:#ffffff9e;font-family:var(--font-body);font-size:11px;letter-spacing:.02em}.project-lightbox__close,.project-lightbox__arrow{display:grid;width:40px;height:40px;padding:0;color:#ffffffc2;place-items:center;border:1px solid rgb(255 255 255 / 14%);border-radius:50%;background:#ffffff17;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:color .14s ease,background-color .14s ease}.project-lightbox__close:hover,.project-lightbox__arrow:hover{color:#fff;background:#ffffff29}.project-lightbox__close:focus-visible,.project-lightbox__arrow:focus-visible,.project-lightbox__dots button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-lightbox__close{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right))}.project-lightbox__close svg,.project-lightbox__arrow svg{width:18px;height:18px}.project-lightbox__arrow{position:absolute;top:50%;transform:translateY(-50%)}.project-lightbox__arrow--previous{left:max(18px,env(safe-area-inset-left))}.project-lightbox__arrow--next{right:max(18px,env(safe-area-inset-right))}.project-lightbox__dots{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;display:flex;align-items:center;gap:5px;transform:translate(-50%)}.project-lightbox__dots button{width:6px;height:6px;padding:0;border:0;border-radius:99px;background:#ffffff61;cursor:pointer;transition:width .14s ease,background-color .14s ease}.project-lightbox__dots button[aria-current=true]{width:18px;background:#fff}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-image-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(max-width:620px){.project-lightbox{padding:16px}.project-lightbox__content{max-width:calc(100vw - 24px)}.project-lightbox__arrow{top:auto;bottom:max(14px,env(safe-area-inset-bottom));transform:none}.project-lightbox__arrow--previous{left:max(14px,env(safe-area-inset-left))}.project-lightbox__arrow--next{right:max(14px,env(safe-area-inset-right))}}.mockup-illustration{position:absolute;inset:0;padding:30px 48px;background:radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--accent),transparent 83%),transparent 35%),linear-gradient(145deg,color-mix(in srgb,var(--page-background),white 40%),color-mix(in srgb,var(--page-background),var(--accent) 7%))}.mockup-illustration--search{background:radial-gradient(circle at 18% 90%,color-mix(in srgb,var(--accent),transparent 82%),transparent 36%),linear-gradient(150deg,color-mix(in srgb,var(--page-background),white 36%),color-mix(in srgb,var(--page-background),#6885ff 8%))}.mockup-illustration--agent{background:linear-gradient(115deg,transparent 47%,color-mix(in srgb,var(--accent),transparent 90%) 47% 53%,transparent 53%),color-mix(in srgb,var(--page-background),#151515 3%)}.mockup-window{height:calc(100% - 17px);overflow:hidden;border:1px solid rgb(21 21 21 / 10%);border-radius:8px;background:color-mix(in srgb,var(--page-background),white 65%);box-shadow:0 15px 34px #1515151a;transform:rotate(-1.2deg)}.mockup-illustration--search .mockup-window{transform:rotate(1deg)}.mockup-illustration--agent .mockup-window{transform:none}.mockup-window__bar{display:flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-bottom:1px solid rgb(21 21 21 / 8%)}.mockup-window__bar i{width:5px;height:5px;border-radius:50%;background:#15151533}.mockup-window__body{display:grid;grid-template-columns:22% 1fr;height:calc(100% - 22px)}.mockup-sidebar{border-right:1px solid rgb(21 21 21 / 7%);background:color-mix(in srgb,var(--page-background),var(--accent) 4%)}.mockup-content{padding:14px}.mockup-line{display:block;width:75%;height:5px;margin-bottom:7px;border-radius:99px;background:#1515151a}.mockup-line--short{width:32%;height:7px;background:color-mix(in srgb,var(--accent),transparent 35%)}.mockup-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.mockup-cards i{aspect-ratio:.85;border:1px solid rgb(21 21 21 / 7%);border-radius:4px;background:color-mix(in srgb,var(--page-background),var(--accent) 8%)}.mockup-caption{position:absolute;right:12px;bottom:8px;color:#15151573;font-size:10px;letter-spacing:.02em}.resume-list{display:grid;gap:18px}.resume-entry p{margin-top:8px;color:#151515c7}.contact-section a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}.contact-actions-line{color:#151515c7}.contact-message-button{margin-top:14px;padding:8px 13px;color:#fff;border:0;border-radius:99px;background:var(--accent);font-size:12px;cursor:pointer;transition:box-shadow .16s ease,filter .16s ease}.contact-message-button:hover{box-shadow:0 0 14px color-mix(in srgb,var(--accent),transparent 66%);filter:brightness(1.06)}.contact-message-button:active{box-shadow:0 0 8px color-mix(in srgb,var(--accent),transparent 74%);filter:brightness(.98)}.contact-modal-backdrop{position:fixed;z-index:120;inset:0;display:grid;overflow-y:auto;padding:24px;background:#15151547;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;animation:contact-backdrop-in .16s ease-out both}.contact-modal{position:relative;width:min(430px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:27px;border:1px solid rgb(21 21 21 / 9%);border-radius:18px;background:var(--page-background);box-shadow:0 24px 70px #15151538;animation:contact-modal-in .22s cubic-bezier(.22,1,.36,1) both}.contact-modal h3{padding-right:32px;font-size:1em;line-height:1.4;font-weight:500}.contact-modal__close{position:absolute;top:18px;right:18px;display:grid;width:30px;height:30px;padding:0;color:#15151594;border:0;border-radius:50%;background:#1515150f;cursor:pointer;place-items:center}.contact-modal__description{margin-top:8px;color:#151515ad;font-size:12px;line-height:1.55}.contact-form{display:grid;gap:14px;margin-top:21px}.contact-form label{display:grid;gap:5px;color:#151515b8;font-size:11px}.contact-form input,.contact-form textarea{width:100%;padding:9px 10px;color:#151515;border:1px solid rgb(21 21 21 / 12%);border-radius:8px;outline:0;background:color-mix(in srgb,var(--page-background),white 35%);font-size:13px;line-height:1.45;transition:border-color .14s ease,box-shadow .14s ease}.contact-form textarea{min-height:124px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:color-mix(in srgb,var(--accent),transparent 42%);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent),transparent 82%)}.contact-form__submit,.contact-modal__success button{justify-self:start;padding:8px 13px;color:#fff;border:0;border-radius:99px;background:var(--accent);font-size:12px;cursor:pointer}.contact-form__submit:disabled{opacity:.5;cursor:wait}.contact-form__error{margin:-2px 0 0;color:#a12d2d;font-size:11px}.contact-modal__success{display:grid;gap:17px;margin-top:21px;color:#151515bd;font-size:13px}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}@keyframes contact-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes contact-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.question-preview{margin-top:43px}.question-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.question-suggestions button{padding:6px 10px;color:#151515ad;border:1px solid rgb(21 21 21 / 8%);border-radius:99px;background:color-mix(in srgb,var(--page-background),white 45%);font:inherit;font-size:11px;cursor:pointer}.question-suggestions button:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent),transparent 62%)}.question-form-dock{position:fixed;z-index:50;left:calc(50% - 24px);bottom:max(18px,env(safe-area-inset-bottom));width:min(600px,calc(100% - 40px));transform:translate(-50%)}.question-form{display:flex;align-items:center;width:100%;padding:3px 4px 3px 15px;border:1px solid rgb(21 21 21 / 7%);border-radius:99px;background:color-mix(in srgb,var(--page-background),white 58%);box-shadow:0 4px 16px #1515150f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.question-form:focus-within{border-color:color-mix(in srgb,var(--accent),transparent 55%);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent),transparent 82%)}.question-form input{min-width:0;flex:1;padding:8px 0;color:#151515;border:0;outline:0;background:transparent;font:inherit;font-size:13px}.question-form input::placeholder{color:#1515156b}.question-form button{display:grid;width:30px;height:30px;margin-right:3px;flex:0 0 30px;place-items:center;color:#fff;border:0;border-radius:50%;background:var(--accent);cursor:pointer}.question-form button:disabled{color:#15151559;background:#15151512;cursor:default}.question-conversation{display:flex;margin-top:17px;flex-direction:column;gap:9px}.chat-scroll-anchor{height:1px;scroll-margin-bottom:90px;pointer-events:none}.chat-message{width:fit-content;max-width:82%;padding:10px 13px;white-space:pre-wrap;border-radius:16px;font-size:13px;line-height:1.5}.chat-message--assistant{width:75%;align-self:flex-start;border-radius:3px 16px 16px;color:#151515c7;background:color-mix(in srgb,var(--page-background),#151515 8%)}.chat-message--assistant p,.chat-message--assistant ul,.chat-message--assistant ol,.chat-message--assistant pre,.chat-message--assistant blockquote{margin:0 0 .75em}.chat-message--assistant>:last-child{margin-bottom:0}.chat-message--assistant ul,.chat-message--assistant ol{padding-left:1.35em}.chat-message--assistant li+li{margin-top:.3em}.chat-message--assistant strong{color:inherit;font-weight:700}.chat-message--assistant a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}.chat-message--assistant code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em}.chat-message--assistant pre{overflow-x:auto;padding:8px;border-radius:6px;background:#15151512}.chat-message--assistant blockquote{padding-left:.8em;border-left:2px solid rgb(21 21 21 / 18%)}.chat-message--user{align-self:flex-end;border-radius:16px 16px 3px;color:#fff;background:var(--accent);transform-origin:bottom right;animation:chat-message-send .24s cubic-bezier(.22,1,.36,1) both}.chat-message--loading{color:#1515157a;font-style:italic}.question-error{position:absolute;bottom:calc(100% + 7px);left:5px;margin:0;padding:5px 8px;border-radius:6px;background:color-mix(in srgb,var(--page-background),white 55%);box-shadow:0 4px 14px #15151514;font-size:10px;line-height:1.4;color:#a12d2d}.theme-rail{position:sticky;z-index:40;top:24px;grid-column:1;grid-row:1;align-self:start;display:flex;flex-direction:column;align-items:center;width:28px;margin-left:-60px;color:#151515}.control-item{position:relative;margin-bottom:12px}.control-item--font{margin-top:3px}.control-button{position:relative;display:grid;width:28px;height:28px;padding:0;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}.control-button:focus-visible,.colour-option:focus-visible,.font-options input:focus-visible,.music-options input:focus-visible,.paint-options input:focus-visible,.profile-contact-action:focus-visible,.contact-message-button:focus-visible,.contact-modal button:focus-visible,.question-form button:focus-visible,.question-suggestions button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.control-button:hover,.control-button[aria-expanded=true]{background:color-mix(in srgb,var(--page-background),#151515 7%)}.control-label{position:absolute;top:50%;right:calc(100% + 8px);width:max-content;color:#151515;font-size:12px;line-height:1;pointer-events:none;opacity:0;transform:translate(5px,-50%);transition:opacity .14s ease,transform .14s ease}.control-label small{color:#1515157a;font-size:9px}.control-button:hover .control-label,.control-button:focus-visible .control-label,.control-button[aria-expanded=true] .control-label{opacity:1;transform:translateY(-50%)}.control-icon{display:grid;place-items:center}.control-icon svg{opacity:.58;transition:opacity .14s ease}.control-button:hover .control-icon svg,.control-button:focus-visible .control-icon svg,.control-button[aria-expanded=true] .control-icon svg,.control-button[aria-pressed=true] .control-icon svg{opacity:.86}.accent-dot,.background-dot{display:block;width:15px;height:15px;border-radius:50%}.accent-dot{background:var(--accent)}.background-dot{border:1px solid rgb(21 21 21 / 65%);background:var(--page-background)}.control-popover{position:absolute;z-index:12;top:50%;right:calc(100% + 8px);padding:8px;border:1px solid rgb(21 21 21 / 9%);border-radius:99px;background:color-mix(in srgb,var(--page-background),white 45%);box-shadow:0 10px 30px #1515151a;transform:translateY(-50%);animation:popover-in .15s ease both}.colour-options{display:flex;gap:7px}.colour-option{width:20px;height:20px;padding:0;border:2px solid transparent;border-radius:50%;background:var(--option-colour);box-shadow:inset 0 0 0 1px #15151524;cursor:pointer}.colour-option[aria-pressed=true]{border-color:var(--page-background);outline:2px solid var(--accent)}.font-options,.music-options,.paint-options{width:220px;padding:6px;border-radius:14px}.thick-slider{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:42px;padding:0 13px;overflow:hidden;color:#151515b8;border-radius:10px;background:linear-gradient(to right,color-mix(in srgb,var(--accent),transparent 77%) 0 var(--slider-progress),transparent var(--slider-progress)),color-mix(in srgb,var(--page-background),#151515 9%);transition:background-color .14s ease,box-shadow .14s ease}.thick-slider:hover{box-shadow:inset 0 0 0 1px #15151514}.thick-slider:focus-within{outline:2px solid var(--accent);outline-offset:3px}.thick-slider label,.thick-slider output{position:relative;z-index:1;color:inherit;font-size:12px;line-height:1;pointer-events:none}.thick-slider output{color:#1515159e;font-variant-numeric:tabular-nums}.thick-slider input{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.thick-slider input:focus-visible{outline:0}.control-button--rail-action{margin-bottom:9px}.control-item--music>.control-button--rail-action{margin-bottom:0}.control-button--paint[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--page-background),#151515 10%)}.control-button--coming-soon{cursor:not-allowed}.control-button--coming-soon .control-icon{opacity:.78}@keyframes popover-in{0%{opacity:0;transform:translate(5px,-50%) scale(.98)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes chat-message-send{0%{opacity:0;transform:translateY(8px) scale(.98)}72%{opacity:1;transform:translateY(-2px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:720px){.app-shell{font-size:15px}.page-frame{left:0;width:min(600px,calc(100% - 36px));padding-top:48px;padding-bottom:132px}.profile-photo{width:96px;height:96px}.theme-rail{position:fixed;z-index:40;top:auto;right:50%;bottom:max(74px,calc(env(safe-area-inset-bottom) + 74px));display:flex;width:auto;max-width:calc(100vw - 24px);padding:7px;flex-direction:row;border:1px solid rgb(21 21 21 / 10%);border-radius:99px;background:color-mix(in srgb,var(--page-background),white 45%);box-shadow:0 10px 32px #15151521;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(50%);margin-left:0}.control-item,.control-item--font,.control-button--rail-action{margin:0}.control-label{top:auto;right:50%;bottom:calc(100% + 12px);padding:5px 8px;color:#151515;border-radius:6px;background:color-mix(in srgb,var(--page-background),white 55%);box-shadow:0 5px 16px #1515151a;transform:translate(50%,5px)}.control-button:hover .control-label,.control-button:focus-visible .control-label,.control-button[aria-expanded=true] .control-label{transform:translate(50%)}.control-popover{top:auto;right:50%;bottom:calc(100% + 45px);transform:translate(50%)}.font-options,.music-options,.paint-options{width:min(220px,calc(100vw - 32px))}.question-form-dock{left:50%;bottom:max(14px,env(safe-area-inset-bottom));width:min(600px,calc(100% - 24px));transform:translate(-50%)}@keyframes popover-in{0%{opacity:0;transform:translate(50%,5px) scale(.98)}to{opacity:1;transform:translate(50%) scale(1)}}}@media(max-width:430px){.contact-modal-backdrop{padding:12px}.contact-modal{max-height:calc(100dvh - 24px);padding:22px}.mockup-illustration{padding:22px 27px}.chat-message--assistant{width:88%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}