@font-face{font-family:Inter;src:url('/fonts/inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--paper:#fff;--ink:#252a22;--muted:#626d63;--line:#e0e5de;--yellow:rgba(255,225,111,.82);--edge:#d2bc6670;--shade:#64542614;--quiet:#f5f7f4}
:root[data-theme=dark]{color-scheme:dark;--paper:#171b19;--muted:#bac2b6;--line:#3b463c;--quiet:#222922;--shade:#00000029}
*{box-sizing:border-box}
body{margin:0;min-width:280px;min-height:100svh;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-synthesis:none}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:2px solid #746322;outline-offset:5px}
:root[data-theme=dark] :focus-visible{outline-color:#ffe16f}
.links-page{width:min(460px,calc(100% - 40px));margin-inline:auto;padding:32px 0 30px}
.topbar{display:flex;justify-content:flex-end;min-height:44px;margin-bottom:10px}
.theme-toggle{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--quiet);color:var(--muted)}
.theme-toggle svg{width:21px;height:21px}
.theme-sun{display:none}
:root[data-theme=dark] .theme-moon{display:none}
:root[data-theme=dark] .theme-sun{display:block}
.profile{text-align:center;margin-bottom:30px}
.profile-mark{display:flex;align-items:center;justify-content:center;width:120px;height:106px;margin:0 auto 20px;padding:16px;border:1px solid var(--edge);border-radius:20px;background:linear-gradient(160deg,#ffffff6b,#ffffff00 60%),var(--yellow);box-shadow:inset 0 1px 1px #ffffffe0,inset 0 -2px 3px #74602214,0 7px 16px -10px #64542638}
.profile-mark img{display:block;width:88px;height:auto;filter:drop-shadow(0 1px 1px #58451e4d) drop-shadow(0 3px 5px #58451e38)}
h1{margin:0 0 7px;color:#181c19;font-size:28px;font-weight:550;letter-spacing:-.025em;line-height:1.2}
.profile p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
:root[data-theme=dark] h1{color:#edf1e9}
.link-list{display:grid;gap:12px}
.link-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:14px;min-height:76px;padding:14px 18px;border:1px solid var(--edge);border-radius:16px;background:linear-gradient(180deg,#ffffff59 0%,#ffffff08 42%,#ffffff00 65%,#ffffff14 100%),var(--yellow);box-shadow:inset 0 1px 1px #ffffffc7,inset 1px 0 1px #ffffff5c,inset -1px 0 1px #ffffff3d,inset 0 -2px 3px #7a611f1c,0 3px 9px var(--shade);color:#252a22}
.link-card:hover{border-color:#9a853f}
.link-card:active{box-shadow:inset 0 2px 5px #77602229,inset 0 -1px 0 #ffffff94}
.link-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #82723b33;border-radius:11px;background:#ffffff38}
.link-icon svg{display:block;width:23px;height:23px}
.link-copy{min-width:0}
.link-title{display:block;font-size:16px;font-weight:550;letter-spacing:-.015em;line-height:1.4;overflow-wrap:anywhere}
.link-description{display:block;margin-top:3px;color:#45432f;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.link-arrow{width:18px;height:18px;opacity:.75}
.links-footer{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);text-align:center;font-size:11px;letter-spacing:.01em}
@media(max-width:480px){.links-page{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(26px,env(safe-area-inset-bottom))}.topbar{margin-bottom:6px}.profile{margin-bottom:25px}.profile-mark{width:108px;height:96px;margin-bottom:18px;padding:14px;border-radius:18px}.profile-mark img{width:80px}h1{font-size:26px}.link-card{min-height:74px;padding:13px 15px;gap:12px}.link-list{gap:11px}}
@media(prefers-contrast:more){.link-card,.profile-mark{background:#ffe16f;border-color:#706126}.link-description{color:#252a22}}