*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:Geneva,Verdana,Tahoma,Helvetica Neue,system-ui,sans-serif;color-scheme:light;--black: #000000;--white: #ffffff;--gray: #c0c0c0;--gray-dark: #808080;--gray-light: #dddddd;--titlebar-h: 20px;--shadow-window: 2px 2px 0 0 var(--black)}body{min-height:100dvh;color:var(--black);background-color:var(--white);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'><rect width='1' height='1' fill='%23808080'/><rect x='1' y='1' width='1' height='1' fill='%23808080'/></svg>");background-size:2px 2px;background-attachment:fixed;font-size:14px;line-height:1.4;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#app{min-height:100dvh;width:100%;display:flex;justify-content:center}.desktop{position:relative;width:100%;max-width:480px;padding:20px 16px 80px;display:flex;flex-direction:column;gap:20px}.window{background:var(--white);border:1px solid var(--black);box-shadow:var(--shadow-window)}.window__titlebar{position:relative;height:var(--titlebar-h);border-bottom:1px solid var(--black);display:flex;align-items:center;justify-content:center;background-image:repeating-linear-gradient(to bottom,var(--black) 0,var(--black) 1px,var(--white) 1px,var(--white) 3px)}.window__title{background:var(--white);padding:0 10px;font-weight:700;font-size:13px;letter-spacing:.02em;color:var(--black);text-transform:none;box-shadow:0 0 0 1px var(--white)}.window__close{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:11px;height:11px;background:var(--white);border:1px solid var(--black);box-sizing:border-box}.window__body{padding:18px 18px 20px;background:var(--white)}.window__body--list{padding:0}.profile{display:flex;align-items:center;gap:14px}.profile__avatar{width:64px;height:64px;flex-shrink:0;border:1px solid var(--black);background:var(--gray-light);display:grid;place-items:center;overflow:hidden;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'><rect width='1' height='1' fill='%23ffffff'/><rect x='1' y='1' width='1' height='1' fill='%23ffffff'/><rect x='1' width='1' height='1' fill='%23bbbbbb'/><rect y='1' width='1' height='1' fill='%23bbbbbb'/></svg>");background-size:2px 2px}.profile__avatar-img{width:100%;height:100%;object-fit:cover;display:block}.profile__avatar-placeholder{width:100%;height:100%;background:var(--white);display:grid;place-items:center;font-family:Courier New,Courier,monospace;font-size:24px;font-weight:700;color:var(--black);letter-spacing:.04em}.profile__text{display:flex;flex-direction:column;gap:4px;min-width:0}.profile__name{font-family:Courier New,Courier,Geneva,monospace;font-size:18px;font-weight:700;letter-spacing:.01em;color:var(--black);line-height:1.15}.profile__bio{font-size:13px;color:var(--black);line-height:1.45}.socials{list-style:none;padding:12px 0 0;margin-top:14px;border-top:1px dashed var(--gray-dark);display:flex;gap:8px;flex-wrap:wrap}.social-link{width:36px;height:36px;border:1px solid var(--black);background:var(--white);color:var(--black);display:grid;place-items:center;text-decoration:none;box-shadow:1px 1px 0 0 var(--black);transition:transform 80ms steps(2),box-shadow 80ms steps(2)}.social-link:hover{background:var(--gray-light)}.social-link:active{transform:translate(1px,1px);box-shadow:0 0 0 0 var(--black);background:var(--black);color:var(--white)}.social-link:focus-visible{outline:2px dotted var(--black);outline-offset:2px}.social-icon-svg{width:18px;height:18px;display:block}.link-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--white);color:var(--black);text-decoration:none;border-bottom:1px solid var(--black);min-height:56px}.link-card:last-child{border-bottom:none}.link-card:hover{background:var(--gray-light)}.link-card:active{background:var(--black);color:var(--white)}.link-card:active .link-card__subtitle,.link-card:active .link-card__chevron{color:var(--white)}.link-card:focus-visible{outline:2px dotted var(--black);outline-offset:-4px}.link-card__icon{font-size:22px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--black);background:var(--white);flex-shrink:0;box-shadow:inset 1px 1px 0 0 var(--gray-light);filter:grayscale(20%)}.link-card__text{display:flex;flex-direction:column;flex:1;min-width:0}.link-card__title{font-weight:700;font-size:14px;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-card__subtitle{font-size:12px;color:var(--gray-dark);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-card__chevron{color:var(--black);font-size:14px;line-height:1;flex-shrink:0;font-family:Courier New,monospace}.alert{width:100%;max-width:360px;margin:60px auto;background:var(--white);border:1px solid var(--black);box-shadow:var(--shadow-window);padding:18px 18px 16px}.alert__row{display:flex;gap:14px;align-items:flex-start}.alert__icon{width:40px;height:40px;border:1px solid var(--black);display:grid;place-items:center;font-family:Courier New,monospace;font-size:22px;font-weight:700;flex-shrink:0}.alert__text h1{font-family:Courier New,monospace;font-size:20px;font-weight:700;margin-bottom:6px}.alert__text p{font-size:13px}.alert__actions{display:flex;justify-content:flex-end;margin-top:18px}.alert__button{font:inherit;font-weight:700;font-size:13px;padding:4px 18px;background:var(--white);color:var(--black);border:2px solid var(--black);border-radius:10px;box-shadow:1px 1px 0 0 var(--black);cursor:pointer;text-decoration:none;display:inline-block}.alert__button:hover{background:var(--gray-light)}.alert__button:active{transform:translate(1px,1px);box-shadow:0 0 0 0 var(--black)}@media(max-width:380px){.desktop{padding:12px 10px 60px;gap:14px}.window__body{padding:14px 14px 16px}.profile__name{font-size:16px}}