:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#383838;--color-text:#f4f0e8;--color-text-muted:#f4f0e8b8;--color-focus:#f4f0e8cc;--color-surface-subtle:#f4f0e814;--color-surface-subtle-hover:#f4f0e824;--color-toast-background:#0808086b;--color-toast-border:#f4f0e829;--color-toast-text:#f4f0e8eb;--color-github-indicator:#7ee787;--color-github-indicator-glow:#7ee787b3;--color-matrix:#b7ffbf;--color-matrix-accent:#f4f0e8;--matrix-opacity:.34;--matrix-mobile-opacity:.26;--matrix-reduced-motion-opacity:.12;--matrix-text-shadow:0 0 8px #6cff868c, 0 0 16px #6cff8638;--matrix-filter:hue-rotate(25deg) brightness(1.5);color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f1f1ef;--color-text:#1d1d1b;--color-text-muted:#1d1d1bad;--color-focus:#1d1d1bb8;--color-surface-subtle:#1d1d1b14;--color-surface-subtle-hover:#1d1d1b24;--color-toast-background:#ffffffbd;--color-toast-border:#1d1d1b29;--color-toast-text:#1d1d1be6;--color-github-indicator:#d97706;--color-github-indicator-glow:#d9770673;--color-matrix:#353535;--color-matrix-accent:#767676;--matrix-opacity:.18;--matrix-mobile-opacity:.14;--matrix-reduced-motion-opacity:.08;--matrix-text-shadow:none;--matrix-filter:contrast(1.35)}}body{background:var(--color-background);min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}.profile{--page-max-width:960px;box-sizing:border-box;touch-action:pan-y;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:48px 24px;display:flex;position:relative;overflow:hidden}.profile--tool{justify-content:flex-start;padding-top:104px;overflow:hidden auto}.stardust{z-index:2;pointer-events:none;position:fixed;inset:0}.stardust__sparkle{left:var(--sparkle-x);top:var(--sparkle-y);width:var(--sparkle-size);height:var(--sparkle-size);background:var(--sparkle-color);box-shadow:0 0 12px var(--sparkle-color);opacity:0;border-radius:999px;animation:.72s ease-out forwards stardust-drift;position:fixed;transform:translate(-50%,-50%)scale(.8)}@keyframes stardust-drift{0%{opacity:.85;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--sparkle-dx)), calc(-50% + var(--sparkle-dy))) scale(0)}}.matrix-rain{z-index:1;pointer-events:none;opacity:var(--matrix-opacity);position:fixed;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.matrix-rain__column{left:var(--matrix-left);color:var(--color-matrix);letter-spacing:0;text-shadow:var(--matrix-text-shadow);white-space:nowrap;animation:matrix-fall var(--matrix-duration) linear var(--matrix-delay) infinite, matrix-glitch 1.8s steps(2, end) var(--matrix-delay) infinite;flex-direction:column;gap:.55rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(.62rem,1.4vw,.9rem);font-weight:700;line-height:1;display:flex;position:absolute;top:-115vh}.matrix-rain__glyph{opacity:.72;display:inline-block}.matrix-rain__glyph:nth-child(3n){color:var(--color-matrix-accent);opacity:.9}.matrix-rain__glyph:nth-child(4n){opacity:.42}@keyframes matrix-fall{0%{transform:translate(0,0)}to{transform:translateY(230vh)}}@keyframes matrix-glitch{0%,88%,to{filter:none}90%{filter:var(--matrix-filter)}92%{filter:blur(.8px)}}.profile__image-frame,.profile__name,.profile__handle,.profile__socials,.profile__header{z-index:3;position:relative}.profile__header{z-index:10;width:min(100%, var(--page-max-width));box-sizing:border-box;pointer-events:none;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.profile__logo{color:var(--color-text-muted);pointer-events:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;font-weight:700;line-height:1;text-decoration:none;transition:color .16s}.profile__logo:hover,.profile__logo:focus-visible{color:var(--color-text)}.profile__header-title{max-width:min(52vw,420px);color:var(--color-text);pointer-events:none;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92rem;font-weight:800;line-height:1.2;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.profile__logo:focus-visible,.profile__menu-trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.profile__menu{pointer-events:auto;align-items:center;display:inline-flex;position:relative}.profile__menu:before{content:"";width:max(100%,250px);height:18px;display:none;position:absolute;top:100%;right:0}.profile__menu--open:before{display:block}.profile__menu-trigger{width:36px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background-color .16s,transform .16s;display:inline-flex}.profile__menu-trigger:hover{background:var(--color-surface-subtle);transform:translateY(-1px)}.profile__menu-icon{width:22px;height:22px}.profile__menu-panel{z-index:11;opacity:0;pointer-events:none;transform-origin:calc(100% - 18px) 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ad1;border:1px solid #f4f0e824;border-radius:10px;flex-direction:column;gap:6px;width:max-content;max-width:min(82vw,250px);padding:8px;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(8px)scale(.94);box-shadow:0 18px 44px #0000005c}.profile__menu-panel:after{content:"";background:#0a0a0ad1;border-top:1px solid #f4f0e824;border-left:1px solid #f4f0e824;width:12px;height:12px;position:absolute;top:-6px;right:12px;transform:rotate(45deg)}.profile__menu--open .profile__menu-panel,.profile__menu:focus-within .profile__menu-panel{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.profile__menu-option{z-index:1;color:#f4f0e8;white-space:nowrap;border-radius:7px;align-items:center;min-width:188px;min-height:36px;padding:8px 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.82rem;font-weight:700;line-height:1.1;text-decoration:none;transition:background-color .15s,color .15s,transform .18s;display:flex;position:relative;transform:translateY(6px)}.profile__menu--open .profile__menu-option,.profile__menu:focus-within .profile__menu-option{transform:translateY(0)}.profile__menu-option:nth-child(2){transition-delay:35ms}.profile__menu-option:hover,.profile__menu-option:focus-visible{color:#fff;background:#f4f0e81f;outline:none}.profile__image-frame{aspect-ratio:448/472;cursor:pointer;perspective:1200px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;width:min(448px,82vw);padding:0;display:block;overflow:hidden}.profile__image-frame:focus-visible{outline:2px solid var(--color-focus);outline-offset:6px}.profile__image-frame picture{width:100%;height:100%;display:block}.profile__image{object-fit:cover;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;border-radius:16px;transition:transform .72s cubic-bezier(.2,.8,.2,1);animation:.42s ease-out both image-reveal;display:block;transform:rotateY(0)}.profile__image--flipped{transform:rotateY(180deg)}.profile__flip-toast{border:1px solid var(--color-toast-border);background:var(--color-toast-background);max-width:calc(100% - 36px);color:var(--color-toast-text);opacity:0;pointer-events:none;text-align:center;white-space:nowrap;border-radius:999px;padding:8px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(.7rem,2.2vw,.82rem);font-weight:600;line-height:1.2;transition:opacity .26s,transform .26s;position:absolute;bottom:18px;left:50%;transform:translate(-50%,8px)}.profile__flip-toast--visible{opacity:1;transform:translate(-50%)}@keyframes image-reveal{0%{opacity:0}to{opacity:1}}.profile__name{color:var(--color-text);text-align:center;margin:36px 0 0;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:600;line-height:1}.profile__handle{max-width:min(680px,100%);color:var(--color-text-muted);text-align:center;flex-wrap:nowrap;justify-content:center;align-items:center;margin:14px 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:500;line-height:1.4;display:flex}.profile__highlight{white-space:nowrap;align-items:center;display:inline-flex}.profile__highlight-separator{align-items:center;margin:0 .7em;line-height:1;display:inline-flex}.profile__socials{justify-content:center;align-items:center;gap:12px;margin-top:22px;display:flex}.profile__social-link{background:var(--color-surface-subtle);width:36px;height:36px;color:var(--color-text);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background-color .16s,transform .16s;display:inline-flex}.profile__social-link:hover{background:var(--color-surface-subtle-hover);transform:translateY(-1px)}.profile__social-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.profile__social-icon{width:20px;height:20px}.profile__github{align-items:center;display:inline-flex;position:relative}.profile__github:before{content:"";width:min(82vw,250px);height:18px;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.profile__github--open:before{display:block}.profile__github-trigger{z-index:2;position:relative}.profile__github-trigger:after{background:var(--color-github-indicator);width:6px;height:6px;box-shadow:0 0 10px var(--color-github-indicator-glow);content:"";border-radius:999px;transition:transform .18s;position:absolute;bottom:3px;right:3px;transform:scale(.8)}.profile__github--open .profile__github-trigger:after{transform:scale(1.25)}.profile__github-menu{opacity:0;pointer-events:none;transform-origin:50% 100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ad1;border:1px solid #f4f0e824;border-radius:10px;flex-direction:column;gap:6px;width:max-content;max-width:min(82vw,250px);padding:8px;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,8px)scale(.94);box-shadow:0 18px 44px #0000005c}.profile__github-menu:after{content:"";background:#0a0a0ad1;border-bottom:1px solid #f4f0e824;border-right:1px solid #f4f0e824;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.profile__github--open .profile__github-menu,.profile__github:focus-within .profile__github-menu{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.profile__github-option{z-index:1;color:#f4f0e8;white-space:nowrap;border-radius:7px;align-items:center;gap:10px;min-width:188px;min-height:36px;padding:8px 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.82rem;font-weight:700;line-height:1.1;text-decoration:none;transition:background-color .15s,color .15s,transform .18s;display:flex;position:relative;transform:translateY(6px)}.profile__github--open .profile__github-option,.profile__github:focus-within .profile__github-option{transform:translateY(0)}.profile__github-option:nth-child(2){transition-delay:35ms}.profile__github-option:nth-child(3){transition-delay:70ms}.profile__github-option:hover,.profile__github-option:focus-visible{color:#fff;background:#f4f0e81f;outline:none}.profile__github-option-icon{flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.profile__github-option-name{text-overflow:ellipsis;overflow:hidden}.barcode-page,.jwt-page{z-index:3;flex-direction:column;gap:22px;width:min(720px,100%);display:flex;position:relative}.barcode-page__screen-title,.jwt-page__screen-title{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.barcode-page__controls,.barcode-page__result,.jwt-page__controls,.jwt-page__result{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0a6b;border:1px solid #f4f0e824;border-radius:8px;box-shadow:0 18px 44px #0003}.barcode-page__controls,.jwt-page__controls{gap:16px;padding:20px;display:grid}.barcode-page__field,.jwt-page__field{gap:8px;display:grid}.barcode-page__label,.barcode-page__status,.barcode-page__empty,.jwt-page__label,.jwt-page__status,.jwt-page__empty,.jwt-page__output{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.barcode-page__label,.jwt-page__label{color:var(--color-text-muted);text-transform:uppercase;font-size:.78rem;font-weight:800;line-height:1.2}.barcode-page__input,.jwt-page__input{box-sizing:border-box;width:100%;min-height:46px;color:var(--color-text);background:#0808085c;border:1px solid #f4f0e82e;border-radius:8px;padding:0 14px;font:700 1rem/1.2 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.jwt-page__input{resize:vertical;min-height:112px;padding-block:12px;line-height:1.45}.barcode-page__input::placeholder,.jwt-page__input::placeholder{color:var(--color-text-muted)}.barcode-page__input:focus-visible,.jwt-page__input:focus-visible{border-color:var(--color-focus);outline:2px solid var(--color-focus);outline-offset:2px}.barcode-page__actions,.jwt-page__actions{grid-template-columns:1.25fr 1fr .8fr;gap:10px;display:grid}.barcode-page__button,.jwt-page__button{background:var(--color-surface-subtle);min-height:42px;color:var(--color-text);cursor:pointer;border:1px solid #f4f0e829;border-radius:8px;padding:0 14px;font:800 .85rem/1 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;transition:background-color .16s,transform .16s}.barcode-page__button:hover,.jwt-page__button:hover{background:var(--color-surface-subtle-hover);transform:translateY(-1px)}.barcode-page__button:focus-visible,.jwt-page__button:focus-visible,.jwt-page__copy-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.barcode-page__button--primary,.jwt-page__button--primary{color:#1d1d1b;background:#f4f0e8}.barcode-page__button--primary:hover,.jwt-page__button--primary:hover{background:#fff}.barcode-page__button--quiet,.jwt-page__button--quiet{color:var(--color-text-muted)}.barcode-page__status,.jwt-page__status{min-height:1.2em;color:var(--color-text-muted);opacity:1;margin:0;font-size:.82rem;font-weight:600;line-height:1.4;transition:opacity .22s}.barcode-page__status--hidden,.jwt-page__status--hidden{opacity:0}.barcode-page__result,.jwt-page__result{justify-content:center;align-items:center;min-height:216px;padding:24px;display:flex;overflow:auto}.jwt-page__result{justify-content:flex-start;align-items:stretch;min-height:300px;position:relative}.barcode-page__empty,.jwt-page__empty{color:var(--color-text-muted);text-align:center;margin:0;font-size:.9rem;font-weight:700;line-height:1.4}.jwt-page__empty{align-self:center;width:100%}.jwt-page__copy-button{width:36px;height:36px;color:var(--color-text);cursor:pointer;background:#08080885;border:1px solid #f4f0e829;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background-color .16s,opacity .16s,transform .16s;display:inline-flex;position:absolute;top:12px;right:12px}.jwt-page__copy-button:hover:not(:disabled){background:var(--color-surface-subtle-hover);transform:translateY(-1px)}.jwt-page__copy-button:disabled{cursor:not-allowed;opacity:.42}.jwt-page__copy-icon{width:18px;height:18px}.jwt-page__output{width:100%;color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin:0;padding-right:44px;font-size:.86rem;font-weight:650;line-height:1.55;overflow:auto}.barcode-page__barcode{border-radius:6px;max-width:100%;height:auto;display:block}@media (width<=640px){.profile__header{padding:14px 16px}.profile__header-title{max-width:min(44vw,260px);font-size:.78rem}.barcode-page,.jwt-page{gap:16px}.profile--tool{padding-top:78px}.barcode-page__controls,.barcode-page__result,.jwt-page__controls,.jwt-page__result{padding:16px}.barcode-page__actions,.jwt-page__actions{grid-template-columns:1fr}.profile__handle{flex-direction:column;gap:4px}.profile__highlight-separator{display:none}.matrix-rain{opacity:var(--matrix-mobile-opacity)}.matrix-rain__column:nth-child(2n){display:none}.profile__github-menu{transform-origin:calc(100% - 18px) 100%;max-width:calc(100vw - 32px);left:auto;right:-6px;transform:translateY(8px)scale(.94)}.profile__github-menu:after{left:auto;right:18px;transform:rotate(45deg)}.profile__github:before{max-width:calc(100vw - 32px);left:auto;right:-6px;transform:none}.profile__github--open .profile__github-menu,.profile__github:focus-within .profile__github-menu{transform:translate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.matrix-rain__column,.profile__image,.stardust__sparkle{animation:none}.profile__github-menu,.profile__github-option,.profile__github-trigger:after,.barcode-page__status,.jwt-page__status,.jwt-page__copy-button,.profile__menu-panel,.profile__menu-option,.profile__menu-trigger{transition:none}.matrix-rain{opacity:var(--matrix-reduced-motion-opacity)}}