:root{--bg:#f5f5f7;--surface:#fff;--surface-2:#f0f1f3;--text:#1d1d1f;--muted:#6e6e73;--accent:#0674e8;--accent-strong:#06c;--accent-soft:#e7f2ff;--line:#1d1d1f1a;--glass:#fafafcc7;--success:#248a3d;--danger:#d70015;--shadow:0 18px 50px #00000014;--radius:20px;--ease:cubic-bezier(.25,.1,.25,1);--press:cubic-bezier(.2,.8,.2,1)}html[data-theme=dark]{--bg:#0f0f10;--surface:#1c1c1e;--surface-2:#2c2c2e;--text:#f5f5f7;--muted:#a1a1a6;--accent:#64b5ff;--accent-strong:#82c3ff;--accent-soft:#183653;--line:#ffffff1f;--glass:#1c1c1ec7;--success:#30d158;--danger:#ff453a;--shadow:0 22px 60px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{color:var(--text);background:var(--bg);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;line-height:1.6}button,input,textarea,select{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:var(--accent-soft)}.page-atmosphere{pointer-events:none;z-index:-1;background:radial-gradient(55% 34% at 78% 0,#5dacff1a,#0000 72%),radial-gradient(36% 26% at 4% 46%,#c4deff1c,#0000 78%);position:fixed;inset:0}.page-shell{width:min(1200px,100% - 80px);margin-inline:auto}.skip-link{z-index:100;background:var(--text);color:var(--bg);border-radius:10px;padding:10px 14px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.site-header{z-index:50;pointer-events:none;padding:18px 40px 0;position:sticky;top:0}.site-header:after{content:"";background:linear-gradient(var(--bg),transparent);opacity:.72;z-index:-1;pointer-events:none;height:92px;position:absolute;top:0;left:0;right:0}.nav-shell{border:1px solid color-mix(in srgb,#fff 60%,var(--line));pointer-events:auto;border-radius:18px;justify-content:space-between;align-items:center;max-width:1200px;height:62px;margin:auto;padding:8px 10px 8px 13px;display:flex;box-shadow:inset 0 1px #ffffffb8,0 1px 2px #0000000a,0 12px 34px #00000013}.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(1.55);backdrop-filter:blur(22px)saturate(1.55)}.wordmark{letter-spacing:-.01em;align-items:center;gap:10px;font-size:.875rem;display:flex}.wordmark span,.admin-brand span{color:#fff;letter-spacing:-.04em;background:linear-gradient(145deg,#29292c,#050506);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:750;display:grid;box-shadow:inset 0 1px #fff3,0 2px 8px #0000002e}.desktop-nav{gap:3px;display:flex}.desktop-nav a{color:var(--muted);transition:background-color .16s var(--ease),color .16s var(--ease),transform .1s var(--press);border-radius:10px;padding:8px 13px;font-size:.875rem}.desktop-nav a:hover{background:color-mix(in srgb,var(--surface-2) 82%,transparent);color:var(--text)}.desktop-nav a:active{transform:scale(.97)}.nav-actions{align-items:center;gap:5px;display:flex}.icon-button{cursor:pointer;width:44px;height:44px;transition:background-color .16s var(--ease),transform .1s var(--press);background:0 0;border:0;border-radius:11px;place-items:center;display:grid}.icon-button:hover{background:var(--surface-2)}.icon-button:active{transform:scale(.94)}.account-link{background:color-mix(in srgb,var(--surface) 65%,transparent);border:1px solid var(--line);transition:background-color .16s var(--ease),transform .1s var(--press);border-radius:11px;padding:8px 14px;font-size:.875rem}.account-link:hover{background:var(--surface)}.account-link:active{transform:scale(.97)}.mobile-nav{display:none;position:relative}.mobile-menu{background:var(--glass);border:1px solid color-mix(in srgb,#fff 55%,var(--line));width:220px;box-shadow:inset 0 1px 0 #ffffffa6,var(--shadow);transform-origin:100% 0;animation:materialize .18s var(--ease) both;-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);border-radius:16px;flex-direction:column;padding:10px;display:flex;position:absolute;top:52px;right:0}.mobile-menu a{border-radius:9px;padding:10px 12px}.mobile-menu a:hover{background:var(--surface-2)}.mobile-menu a:active{transform:scale(.98)}@keyframes materialize{0%{opacity:0;filter:blur(3px);transform:scale(.96)translateY(-4px)}to{opacity:1;filter:blur();transform:none}}.hero{grid-template-columns:minmax(0,1.6fr) minmax(280px,.62fr);align-items:center;gap:64px;min-height:calc(100svh - 84px);padding-block:100px 72px;display:grid}.kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.hero h1{letter-spacing:-.055em;text-wrap:balance;max-width:930px;margin:18px 0 24px;font-size:clamp(42px,6.2vw,76px);line-height:1.08}.hero-bio{color:var(--muted);max-width:700px;font-size:18px}.hero-actions{align-items:center;gap:12px;margin-top:36px;display:flex}.button{cursor:pointer;min-height:44px;transition:transform .18s var(--ease),background .18s,color .18s,border-color .18s;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:650;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--accent);color:var(--bg)}.button.secondary{background:var(--surface);border-color:var(--line)}.button.text{color:var(--accent)}.button.full{width:100%}.button:disabled{opacity:.55;cursor:not-allowed}.identity-panel{border:1px solid var(--line);background:linear-gradient(145deg,var(--glass),#dcedff3d);width:100%;max-width:330px;box-shadow:var(--shadow);border-radius:28px;justify-self:end;padding:24px;transform:rotate(1.4deg)}.monogram{background:var(--text);width:104px;height:104px;color:var(--bg);letter-spacing:-.06em;border-radius:26px;place-items:center;font-size:27px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.monogram.small{border-radius:14px;width:48px;height:48px;font-size:13px}.identity-line{color:var(--muted);align-items:center;gap:8px;margin-top:40px;font-size:13px;display:flex}.pulse-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 15%,transparent);border-radius:50%}.identity-panel>p{margin:10px 0 28px;font-size:19px;line-height:1.5}.identity-note{border-top:1px solid var(--line);color:var(--muted);gap:10px;padding-top:16px;font-size:13px;display:flex}.reveal{animation:rise .55s var(--ease) both}.delay-1{animation-delay:.1s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.work-section,.bookmark-section,.resources-section{padding-block:96px}.section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.section-head h2{letter-spacing:-.035em;margin:0;font-size:30px}.section-head p{color:var(--muted);margin:6px 0 0}.section-head>a{color:var(--accent);align-items:center;gap:5px;font-size:14px;display:inline-flex}.featured-project{border:1px solid var(--line);background:var(--surface);min-height:510px;transition:.2s var(--ease);border-radius:28px;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);display:grid;overflow:hidden;box-shadow:0 12px 50px #2341620f}.featured-project:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.project-art{align-items:flex-end;min-width:0;padding:28px;display:flex;position:relative}.project-art.ice,.catalog-art.ice,.detail-art.ice{background:linear-gradient(145deg,#cfe8ff,#7cb8ed 55%,#2d6da5)}.project-art.graphite,.catalog-art.graphite,.detail-art.graphite{background:linear-gradient(145deg,#536477,#1e2b39)}.project-art strong{letter-spacing:-.08em;color:#fafdffe6;font-size:clamp(60px,8vw,112px);line-height:.8}.window-mark{gap:6px;display:flex;position:absolute;top:24px;left:24px}.window-mark span{background:#ffffffa6;border-radius:50%;width:8px;height:8px}.project-copy{flex-direction:column;justify-content:center;padding:48px 40px;display:flex}.status-label{background:var(--accent-soft);color:var(--accent);border-radius:999px;width:max-content;padding:5px 9px;font-size:12px}.project-copy h3{letter-spacing:-.04em;margin:16px 0 10px;font-size:34px}.project-copy>p{color:var(--muted)}.editor-note{border-left:2px solid var(--accent);margin:28px 0;padding:2px 0 2px 16px}.editor-note span,blockquote span{color:var(--accent);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.editor-note p{margin:0}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.tag-row span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:12px}.project-rows{border-top:1px solid var(--line);margin-top:20px}.project-rows>a{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr) auto 24px;align-items:center;gap:20px;padding:24px 8px;transition:all .18s;display:grid}.project-rows>a:hover{background:color-mix(in srgb,var(--surface) 70%,transparent);padding-left:16px}.project-rows h3,.project-rows p{margin:0}.project-rows p{color:var(--muted);font-size:14px}.row-index{color:var(--muted);font-family:ui-monospace,monospace;font-size:12px}.row-category{color:var(--muted);font-size:13px}.bookmark-section{background:color-mix(in srgb,var(--surface) 45%,transparent);width:100%;max-width:none;padding-inline:max(40px,50% - 600px)}.bookmark-list>a{border-bottom:1px solid var(--line);grid-template-columns:minmax(250px,.8fr) minmax(300px,1.15fr) auto 22px;align-items:center;gap:28px;padding:28px 0;display:grid}.bookmark-list>a:hover h3{color:var(--accent)}.repo-name{align-items:flex-start;gap:14px;display:flex}.repo-icon{border:1px solid var(--line);border-radius:12px;place-items:center;width:38px;height:38px;font:700 11px ui-monospace,monospace;display:grid}.repo-name h3,.repo-name p{margin:0}.repo-name p{color:var(--muted);font-size:13px}.bookmark-list blockquote{color:var(--muted);margin:0;font-size:14px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.resource-card{border:1px solid var(--line);background:var(--surface);min-width:0;transition:.2s var(--ease);border-radius:20px;padding:14px 14px 20px}.resource-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.resource-cover{aspect-ratio:1.45;background:linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--accent-soft) 35%,var(--surface)));color:var(--accent);border-radius:14px;flex-direction:column;justify-content:space-between;padding:22px;display:flex}.resource-cover span{font-size:13px}.resource-card h3{margin:14px 0 6px;font-size:20px}.resource-card>p{color:var(--muted);min-height:45px;font-size:14px}.resource-card small{color:var(--muted)}.resource-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;display:flex}.access{border-radius:999px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.access.locked{background:var(--accent-soft);color:var(--accent)}.access.public{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.home-principles{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:48px;padding:20px 0;display:grid}.home-principles div{color:var(--muted);justify-content:center;gap:10px;display:flex}.home-principles svg{width:18px;color:var(--accent)}.page-heading{max-width:850px;margin-bottom:64px}.page-heading h1{letter-spacing:-.05em;text-wrap:balance;margin:14px 0 20px;font-size:clamp(38px,5vw,60px);line-height:1.14}.page-heading>p:last-child{color:var(--muted);max-width:720px;font-size:18px}.filter-bar{justify-content:space-between;gap:20px;margin-bottom:36px;display:flex}.search-field{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:10px;width:min(380px,100%);height:46px;padding:0 13px;display:flex}.search-field input{background:0 0;border:0;outline:0;width:100%}.filter-chips{flex-wrap:wrap;gap:7px;display:flex}.filter-chips button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;height:42px;padding:0 13px}.filter-chips button.active{background:var(--accent-soft);color:var(--accent);border-color:#0000;font-weight:650}.projects-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.projects-catalog>a{border:1px solid var(--line);background:var(--surface);border-radius:24px;position:relative;overflow:hidden}.projects-catalog>a.large{grid-column:span 2;grid-template-columns:1.25fr 1fr;display:grid}.catalog-art{color:#f5f9fd;justify-content:space-between;align-items:flex-end;min-height:280px;padding:24px;display:flex}.catalog-art span{align-self:flex-start;font:12px ui-monospace}.catalog-art strong{font-size:62px}.catalog-copy{padding:28px}.catalog-copy>span{color:var(--muted);font-size:12px}.catalog-copy h2{margin:8px 0;font-size:28px}.catalog-copy>p{color:var(--muted)}.catalog-arrow{position:absolute;top:24px;right:24px}.back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:30px;font-size:14px;display:inline-flex}.detail-page{padding-block:70px}.detail-hero{grid-template-columns:1fr .8fr;align-items:center;gap:48px;display:grid}.detail-hero h1,.resource-header h1,.collection-hero h1{letter-spacing:-.055em;margin:16px 0;font-size:clamp(42px,6vw,70px);line-height:1.06}.detail-hero p,.resource-header p,.collection-hero p{color:var(--muted);font-size:18px}.detail-art{color:#ffffffdb;border-radius:28px;place-items:center;min-height:430px;font-size:100px;font-weight:800;display:grid}.article-layout{grid-template-columns:260px minmax(0,760px);justify-content:center;gap:80px;margin-top:88px;display:grid}.article-aside{border-top:1px solid var(--line);align-self:start;position:sticky;top:110px}.article-aside>div{border-bottom:1px solid var(--line);padding:18px 0}.article-aside span{color:var(--muted);font-size:12px}.article-aside p{margin:4px 0}.article-aside .button{margin-top:18px}.prose{min-width:0;font-size:18px;line-height:1.85}.prose h2{letter-spacing:-.03em;margin:2.4em 0 .6em;font-size:28px}.prose h2:first-child{margin-top:0}.prose blockquote{border-left:2px solid var(--accent);background:var(--accent-soft);border-radius:0 14px 14px 0;margin:38px 0;padding:22px 24px}.prose pre{color:#dcecff;background:#14202c;border-radius:14px;padding:18px;font-size:14px;overflow:auto}.bookmark-table{border-top:1px solid var(--line)}.table-head,.bookmark-table>a{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.35fr auto 30px;align-items:center;gap:24px;padding:20px 8px;display:grid}.table-head{color:var(--muted);font-size:12px}.bookmark-table>a:hover{background:var(--surface)}.bookmark-table b,.bookmark-table small{display:block}.bookmark-table small,.bookmark-table p{color:var(--muted);font-size:13px}.library-label{justify-content:space-between;align-items:center;margin:64px 0 18px;display:flex}.library-label h2{margin:0}.library-label span{color:var(--muted)}.collection-list>a{border:1px solid var(--line);background:var(--surface);border-radius:20px;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:22px;padding:22px;display:grid}.stack-icon{background:var(--accent-soft);width:58px;height:58px;color:var(--accent);border-radius:16px;place-items:center;display:grid}.stack-icon.large{border-radius:26px;width:100px;height:100px}.collection-list h3,.collection-list p{margin:0}.collection-list p{color:var(--muted)}.resource-detail{padding-block:70px}.resource-header{border-bottom:1px solid var(--line);grid-template-columns:1fr 260px;align-items:end;gap:60px;padding-bottom:48px;display:grid}.doc-mark{aspect-ratio:1;background:var(--accent-soft);color:var(--accent);border-radius:26px;flex-direction:column;justify-content:space-between;padding:26px;display:flex}.doc-mark svg{width:42px;height:42px}.resource-layout{grid-template-columns:160px minmax(0,1fr) 224px;gap:28px;padding-top:46px;display:grid}.toc{flex-direction:column;align-self:start;gap:11px;font-size:13px;display:flex;position:sticky;top:110px}.toc b{margin-bottom:6px}.toc a{color:var(--muted)}.toc a:hover{color:var(--accent)}.resource-prose{max-width:760px}.audience-note{background:var(--accent-soft);color:var(--accent);border-radius:16px;gap:12px;margin-bottom:36px;padding:18px;display:flex}.audience-note span{font-size:12px;font-weight:700}.audience-note p{color:var(--text);margin:2px 0 0;font-size:15px}.locked-content{text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:54px 30px}.locked-content>svg{color:var(--accent)}.locked-content h2{margin:14px 0 8px}.locked-content p{color:var(--muted);font-size:15px}.resource-side{align-self:start;position:sticky;top:110px}.resource-side>div:not(.redeem-box){border-bottom:1px solid var(--line);grid-template-columns:20px 1fr;gap:4px 9px;padding:14px 0;font-size:13px;display:grid}.resource-side svg{color:var(--accent);grid-row:span 2}.resource-side span{color:var(--muted)}.redeem-box{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;padding:28px}.redeem-box.compact{margin-top:20px;padding:18px}.redeem-title{gap:12px;display:flex}.redeem-title>svg{color:var(--accent)}.redeem-title h2,.redeem-title p{margin:0}.redeem-title p{color:var(--muted);font-size:13px}.redeem-box form{margin-top:22px}.redeem-box label,.auth-form label,.settings-card label,.form-section label{font-size:13px;font-weight:650;display:block}.input-action{gap:8px;margin-top:7px;display:flex}.redeem-box input,.auth-form input,.settings-card input,.form-section input,.form-section textarea,.form-section select,.data-toolbar input,.data-toolbar select{border:1px solid var(--line);background:var(--surface);border-radius:11px;outline:0;width:100%;height:46px;padding:0 12px}.redeem-box input:focus,.auth-form input:focus,.settings-card input:focus,.form-section input:focus,.form-section textarea:focus,.form-section select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.redeem-preview{background:var(--accent-soft);border-radius:14px;margin-top:18px;padding:16px}.redeem-preview>span{color:var(--accent);font-size:12px}.redeem-preview h3{margin:3px 0}.redeem-preview p{font-size:13px}.form-error{color:var(--danger);font-size:13px}.result-panel{border:1px solid color-mix(in srgb,var(--success) 30%,var(--line));background:color-mix(in srgb,var(--success) 8%,var(--surface));border-radius:18px;gap:16px;padding:22px;display:flex}.result-panel svg{color:var(--success)}.collection-hero{border-bottom:1px solid var(--line);align-items:center;gap:28px;padding-bottom:54px;display:flex}.collection-layout{grid-template-columns:minmax(0,1fr) 340px;gap:60px;margin-top:54px;display:grid}.collection-layout>aside{align-self:start;position:sticky;top:110px}.collection-items>a{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 0;display:grid}.collection-items h3,.collection-items p{margin:0}.collection-items p{color:var(--muted);font-size:13px}.collection-items>a>span{color:var(--muted);font-size:12px}.update-note,.permanent-note{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-top:30px;padding:22px}.permanent-note{margin-top:0}.permanent-note svg{color:var(--accent)}.about-grid{grid-template-columns:340px minmax(0,620px);align-items:start;gap:80px;display:grid}.profile-card{--profile-line:#1f1f2347;border:1.5px solid var(--profile-line);background:color-mix(in srgb,var(--surface) 96%,transparent);width:min(100%,18.75rem);height:20rem;box-shadow:7px 8px 0 color-mix(in srgb,var(--text) 78%,transparent),0 16px 32px #23181317;transition:height .34s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);border-radius:.9rem;flex-direction:column;justify-self:start;align-items:center;padding:1rem 1rem 1.1rem;display:flex;overflow:hidden}.profile-card:focus-within,.profile-card:hover{height:22.25rem;box-shadow:9px 10px 0 color-mix(in srgb,var(--text) 78%,transparent),0 20px 38px #2318131f;transform:translate(-1px,-2px)}.profile-card-photo{width:7.75rem;height:7.75rem;transition:transform .25s var(--ease),box-shadow .25s var(--ease);background:url(/profile/layman-avatar.jpg) 50% 24%/cover no-repeat;border:1px solid #ffffffeb;border-radius:1rem;flex:none;margin:2.15rem 0 1.55rem;box-shadow:0 7px 15px #371c1024}.profile-card:hover .profile-card-photo,.profile-card:focus-within .profile-card-photo{transform:scale(1.025);box-shadow:0 10px 20px #371c102b}.profile-card-title{text-align:center;width:100%;color:var(--text);letter-spacing:-.025em;font-size:1.32rem;font-weight:620;line-height:1.28}.profile-card-title span{color:var(--muted);letter-spacing:0;margin-top:.48rem;font-size:.8rem;font-weight:450;display:block}.profile-card-socials{opacity:0;height:0;transition:height .3s var(--ease),opacity .2s var(--ease),transform .3s var(--ease),margin .3s var(--ease);justify-content:center;align-items:center;gap:.75rem;display:flex;overflow:hidden;transform:translateY(.35rem)}.profile-card:hover .profile-card-socials,.profile-card:focus-within .profile-card-socials{opacity:1;height:2.55rem;margin-top:.95rem;transform:none}.profile-social-button{border:1px solid var(--line);background:var(--surface-2);width:2.3rem;height:2.3rem;color:var(--text);transition:transform .16s var(--press),background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease);border-radius:.72rem;place-items:center;display:grid}.profile-social-button svg{width:1.05rem;height:1.05rem}.profile-social-button:hover{background:var(--text);border-color:var(--text);color:var(--bg);transform:translateY(-.18rem)}.profile-social-button:active{transform:scale(.93)}.about-copy{font-size:18px}.about-copy h2{margin-top:0;font-size:28px}.about-copy blockquote{border-left:2px solid var(--accent);background:var(--surface);margin:40px 0;padding:24px}.narrow-page{max-width:800px}.auth-page{place-items:center;min-height:calc(100svh - 200px);padding:90px 20px;display:grid}.auth-card{border:1px solid var(--line);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);border-radius:24px;padding:34px}.auth-mark{background:var(--text);width:42px;height:42px;color:var(--bg);border-radius:12px;place-items:center;font-weight:800;display:grid}.auth-card h1{margin:20px 0 6px;font-size:30px}.auth-card>p{color:var(--muted);margin-top:0}.auth-form{flex-direction:column;gap:17px;margin-top:28px;display:flex}.auth-form label input{margin-top:6px}.password-field{display:flex;position:relative}.password-field button{background:0 0;border:0;position:absolute;top:10px;right:4px}.password-field svg{width:18px}.forgot-link{color:var(--accent);align-self:flex-end;margin-top:-9px;font-size:13px}.form-message,.auth-swap{text-align:center;font-size:13px}.auth-swap{color:var(--muted)}.auth-swap a{color:var(--accent);margin-left:4px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.account-tabs{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-bottom:16px;display:flex}.account-tabs button{background:0 0;border:0;border-radius:9px;padding:9px 14px}.account-tabs button.active{background:var(--accent-soft);color:var(--accent)}.account-tabs select{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-left:auto;padding:8px}.empty-state{text-align:center;padding:90px 20px}.empty-state>svg{width:42px;height:42px;color:var(--accent)}.empty-state p{color:var(--muted)}.empty-state>div{justify-content:center;gap:10px;display:flex}.settings-page{max-width:760px}.settings-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;margin-top:18px;padding:26px}.settings-card label{margin:18px 0}.settings-card label input{margin-top:6px}.settings-card small{color:var(--muted);margin-top:5px;display:block}.legal-page{max-width:760px;padding-block:110px;font-size:17px}.legal-page h1{letter-spacing:-.045em;font-size:48px}.legal-page h2{margin-top:40px}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:24px;padding-block:64px;display:grid}.footer-signature{align-items:center;gap:14px;display:flex}.footer-signature p{color:var(--muted);margin:0;font-size:13px}.footer-links{color:var(--muted);gap:20px;font-size:13px;display:flex}.site-footer>.muted{grid-column:1/-1;font-size:12px}.footer-records{flex-wrap:wrap;align-items:center;gap:.35rem 1rem;display:flex}.footer-records a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--muted) 36%,transparent);text-decoration-color:color-mix(in srgb,var(--muted) 36%,transparent);text-underline-offset:3px;transition:color .16s var(--ease),text-decoration-color .16s var(--ease)}.footer-records a:hover{color:var(--accent);text-decoration-color:currentColor}.footer-records a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.back-top-wrap{z-index:40;pointer-events:none;opacity:0;justify-content:flex-end;width:150px;height:48px;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(10px)}.back-top-wrap.is-visible{opacity:1;transform:none}.back-top{pointer-events:auto;background:var(--text);width:48px;height:48px;color:var(--bg);cursor:pointer;box-shadow:var(--shadow);transition:width .22s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;display:flex;overflow:hidden}.back-top span{white-space:nowrap;opacity:0;width:0;font-size:13px}.back-top:hover{width:132px}.back-top:hover span{opacity:1;width:auto}.admin-shell{--bg:#eef3f8;--surface:#fbfdff;--surface-2:#edf3f9;--text:#172231;--muted:#607084;--accent:#1467cc;--accent-soft:#ddecff;--line:#192d451c;color:#172231;background:#eef3f8;grid-template-columns:224px 1fr;min-height:100svh;display:grid}.admin-shell~.site-footer,.admin-shell+.site-footer{display:none}.admin-rail{color:#dbe8f5;background:#172433;flex-direction:column;height:100svh;padding:18px 14px;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:10px;padding:0 7px 22px;display:flex}.admin-brand span{color:#172433;background:#dcebfa}.admin-rail nav{flex-direction:column;gap:3px;display:flex}.admin-rail nav a{color:#aebdcc;border-radius:9px;align-items:center;gap:10px;padding:10px 11px;font-size:13px;display:flex}.admin-rail nav a:hover{color:#fff;background:#ffffff14}.admin-user{border-top:1px solid #ffffff1a;gap:10px;margin-top:auto;padding:16px 6px 2px;display:flex}.admin-user>div{color:#172433;background:#dcebfa;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.admin-user span{flex-direction:column;font-size:12px;display:flex}.admin-user small{color:#91a4b7}.admin-main{min-width:0}.admin-topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9fcffdb;border-bottom:1px solid #192d451a;justify-content:space-between;align-items:center;height:82px;padding:0 28px;display:flex;position:sticky;top:0}.admin-topbar h1{margin:0;font-size:20px}.admin-topbar small{color:#708094}.admin-content{max-width:1500px;padding:26px}.metric-row{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.metric-row>div,.panel,.form-section,.preview-panel,.code-results{background:#fbfdff;border:1px solid #192d451a;border-radius:15px;box-shadow:0 6px 22px #1f3b5909}.metric-row>div{padding:20px}.metric-row span,.metric-row small{color:#718195;font-size:12px;display:block}.metric-row b{margin:3px 0;font-size:30px;line-height:1.3;display:block}.admin-grid{grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px;display:grid}.panel{padding:20px}.panel-head,.admin-section-head,.preview-label{justify-content:space-between;align-items:center;gap:20px;display:flex}.panel-head h2,.admin-section-head h2{margin:0}.panel-head a,.preview-label button{color:#1467cc;font-size:12px}.task-list{margin:12px 0 0;padding:0;list-style:none}.task-list li{border-top:1px solid #192d451a;grid-template-columns:28px 1fr 24px;align-items:center;gap:10px;padding:13px 0;display:grid}.task-list svg{color:#1467cc}.task-list small,.task-list b{display:block}.task-list small{color:#718195}.empty-inline,.data-empty{text-align:center;color:#718195;padding:50px 20px}.empty-inline svg,.data-empty svg{color:#1467cc}.empty-inline p,.data-empty p{margin-bottom:0}.empty-inline small,.data-empty small{font-size:12px}.admin-section-head{margin-bottom:18px}.admin-section-head small,.admin-section-head p{color:#718195}.admin-section-head h2{font-size:26px}.admin-section-head p{margin:2px 0}.data-panel{padding:0}.data-toolbar{border-bottom:1px solid #192d451a;gap:10px;padding:14px;display:flex}.data-toolbar input{max-width:320px}.data-toolbar select{width:160px}.data-row{grid-template-columns:1.5fr .6fr .7fr .4fr;padding:12px 16px;display:grid}.data-row.head{color:#718195;background:#f5f8fb;font-size:12px}.editor-layout{grid-template-columns:minmax(0,760px) minmax(300px,380px);gap:18px;display:grid}.form-section{margin-bottom:14px;padding:22px}.form-section-title{gap:12px;margin-bottom:20px;display:flex}.form-section-title>span{color:#1467cc;background:#ddecff;border-radius:8px;place-items:center;width:27px;height:27px;font-weight:700;display:grid}.form-section-title h3,.form-section-title p{margin:0}.form-section-title p{color:#718195;font-size:12px}.form-section label{margin-top:15px}.form-section input,.form-section textarea,.form-section select{background:#fbfdff;margin-top:5px}.form-section textarea{resize:vertical;height:92px;padding-top:10px}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.upload-zone{color:#607084;background:#f4f8fc;border:1.5px dashed #192d4533;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:115px;margin-bottom:12px;display:flex}.upload-zone svg{color:#1467cc}.upload-zone small{font-size:11px}.markdown-toolbar{border:1px solid #192d451a;border-radius:9px 9px 0 0;gap:4px;padding:5px;display:flex}.markdown-toolbar button{background:#edf3f9;border:0;border-radius:6px;padding:5px 9px}.markdown-input{font-family:ui-monospace,monospace;border-radius:0 0 9px 9px!important;height:280px!important;margin-top:-1px!important}.sticky-actions{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#eef3f8e6;border-top:1px solid #192d451a;justify-content:flex-end;align-items:center;gap:9px;padding:13px 0;display:flex;position:sticky;bottom:0}.sticky-actions span{color:#718195;margin-right:auto;font-size:12px}.preview-panel{align-self:start;padding:16px;position:sticky;top:102px}.preview-label{border-bottom:1px solid #192d451a;padding-bottom:12px}.preview-label small{color:#718195}.preview-doc{padding:24px 10px}.preview-doc>span{color:#1467cc;font-size:11px}.preview-doc h2{margin:8px 0;font-size:24px}.preview-doc p{color:#607084;font-size:13px}.markdown-preview h3{font-size:18px}.code-layout{grid-template-columns:minmax(0,720px) minmax(320px,1fr);gap:18px;display:grid}.radio-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.radio-cards label{border:1px solid #192d451f;border-radius:11px;gap:10px;padding:14px;display:flex}.radio-cards input{width:auto;height:auto;margin:3px 0}.radio-cards small,.radio-cards b{display:block}.radio-cards small{color:#718195;font-size:11px}.code-results{padding:18px}.preview-label button{background:0 0;border:0;align-items:center;gap:5px;display:flex}.preview-label button svg{width:14px}.warning-note{color:#76520b;background:#fff4d9;border-radius:8px;margin:12px 0;padding:10px;font-size:12px}.code-list{flex-direction:column;gap:6px;display:flex}.code-list code{background:#edf3f9;border-radius:7px;padding:8px 10px;font-size:12px}:is(body:has(.admin-shell)>.site-header,body:has(.admin-shell)>.site-footer,body:has(.admin-shell)>.back-top-wrap){display:none}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}@media (max-width:1023px){.page-shell{width:min(100% - 64px,1200px)}.desktop-nav{display:none}.mobile-nav{display:block}.account-link{display:none}.hero{grid-template-columns:1fr .5fr;gap:36px}.featured-project{grid-template-columns:1fr}.project-art{min-height:400px}.resource-grid{grid-template-columns:repeat(2,1fr)}.resource-layout{grid-template-columns:minmax(0,1fr) 220px}.toc{display:none}.bookmark-list>a{grid-template-columns:1fr 1fr 22px}.bookmark-list>a>.tag-row{display:none}.article-layout{grid-template-columns:220px minmax(0,1fr);gap:40px}.admin-shell{grid-template-columns:72px 1fr}.admin-rail b,.admin-rail nav a:not(:hover){font-size:0}.admin-rail nav a{justify-content:center}.admin-user span{display:none}.admin-brand{justify-content:center}.admin-brand span{flex:none}.editor-layout,.code-layout{grid-template-columns:1fr}.preview-panel{position:static}}@media (max-width:767px){.page-shell{width:calc(100% - 40px)}.site-header{padding:12px 20px 0}.nav-shell{border-radius:16px;height:58px}.wordmark b{display:none}.hero{min-height:auto;padding-block:76px;display:block}.hero h1{overflow-wrap:anywhere;font-size:38px;line-height:1.16}.hero-actions{flex-direction:column;align-items:flex-start}.identity-panel{max-width:none;margin:50px 0 0;transform:none}.work-section,.bookmark-section,.resources-section{padding-block:56px}.section-head{align-items:flex-start}.section-head h2{font-size:25px}.featured-project{min-height:0}.project-art{min-height:330px}.project-copy{padding:28px 22px}.project-copy h3{font-size:28px}.project-rows>a{grid-template-columns:32px minmax(0,1fr) 20px}.row-category{display:none}.bookmark-section{padding-inline:20px}.bookmark-list>a{grid-template-columns:minmax(0,1fr) 22px;gap:14px}.bookmark-list blockquote{grid-area:2/1/auto/-1}.resource-grid{grid-template-columns:1fr}.home-principles{grid-template-columns:1fr;gap:15px}.home-principles div{justify-content:flex-start}.inner-page{padding-block:70px}.page-heading{margin-bottom:40px}.page-heading h1{overflow-wrap:anywhere;font-size:36px}.filter-bar{flex-direction:column}.projects-catalog{grid-template-columns:1fr}.projects-catalog>a.large{grid-column:auto;display:block}.catalog-art{min-height:260px}.detail-hero,.resource-header{grid-template-columns:1fr}.detail-art{min-height:300px}.article-layout{flex-direction:column;gap:36px;margin-top:50px;display:flex}.article-aside{position:static}.table-head{display:none}.bookmark-table>a{grid-template-columns:minmax(0,1fr) 22px;gap:12px}.bookmark-table>a>p,.bookmark-table>a>.tag-row{grid-column:1/-1}.collection-list>a{grid-template-columns:55px minmax(0,1fr)}.collection-list>a>b{grid-column:2}.resource-header{gap:25px}.doc-mark{width:160px}.resource-layout{flex-direction:column;display:flex}.resource-side{order:-1;position:static}.collection-hero{flex-direction:column;align-items:flex-start}.collection-layout{flex-direction:column;display:flex}.collection-layout>aside{position:static}.about-grid{grid-template-columns:1fr;gap:42px}.monogram.portrait{max-height:380px}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.back-top-wrap{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}.back-top:hover{width:48px}.back-top:hover span{display:none}.admin-shell{display:block}.admin-rail{flex-direction:row;width:100%;height:auto;padding:10px;position:static;overflow-x:auto}.admin-brand{padding:0}.admin-rail nav{flex-direction:row}.admin-rail nav a{min-width:46px}.admin-user{display:none}.admin-topbar{height:68px;padding:0 16px}.admin-content{padding:16px}.metric-row,.admin-grid{grid-template-columns:1fr}.admin-topbar small{display:none}.admin-section-head{align-items:flex-start}.field-grid,.radio-cards{grid-template-columns:1fr}.sticky-actions{flex-wrap:wrap}.sticky-actions span{width:100%}.data-toolbar{flex-direction:column}.data-toolbar input,.data-toolbar select{width:100%;max-width:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.admin-topbar,.sticky-actions{background:var(--surface)}}.hero h1{letter-spacing:-.045em;font-size:clamp(42px,5.6vw,68px);line-height:1.1}@media (max-width:767px){.hero h1{font-size:38px;line-height:1.16}}.inner-page{padding-block:clamp(3rem,6vw,4.75rem)}.filter-bar{background:color-mix(in srgb,var(--surface) 74%,transparent);box-shadow:inset 0 0 0 1px var(--line),0 1px 2px #00000006;border-radius:1rem;align-items:center;margin-bottom:2rem;padding:.5rem}.search-field{background:var(--surface-2);transition:box-shadow .16s var(--ease),background-color .16s var(--ease);border-color:#0000}.search-field:focus-within{background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.filter-chips button,.account-tabs button{transition:background-color .16s var(--ease),color .16s var(--ease),transform .1s var(--press)}.filter-chips button:active,.account-tabs button:active{transform:scale(.96)}.button{transition:transform .1s var(--press),background-color .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease)}.button:hover:not(:disabled){transform:none;box-shadow:0 4px 14px #00000014}.button:active:not(:disabled){box-shadow:none;transform:scale(.97)}.button.primary{color:#fff;box-shadow:inset 0 1px 0 #ffffff38,0 3px 10px color-mix(in srgb,var(--accent) 22%,transparent)}html[data-theme=dark] .button.primary{color:#07121c}.featured-project,.resource-card,.projects-catalog>a,.collection-list>a{transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}.featured-project:hover,.resource-card:hover,.projects-catalog>a:hover,.collection-list>a:hover{border-color:color-mix(in srgb,var(--accent) 18%,var(--line));transform:translateY(-2px);box-shadow:0 18px 45px #00000014}.featured-project:active,.resource-card:active,.projects-catalog>a:active,.collection-list>a:active{transition-duration:.1s;transform:scale(.995)}.library-label.first{margin-top:2.25rem}.about-intro{color:var(--muted);margin:0 0 2.5rem;font-size:1.125rem;line-height:1.75}.settings-page .settings-card:first-child{margin-top:0}.bookmark-table>a,.project-rows>a,.collection-items>a{transition:background-color .16s var(--ease),transform .1s var(--press),padding .18s var(--ease)}.bookmark-table>a:active,.project-rows>a:active,.collection-items>a:active{transform:scale(.995)}@media (max-width:767px){.inner-page{padding-block:2.75rem}.filter-bar{align-items:stretch;margin-bottom:1.5rem;padding:.375rem}.library-label.first{margin-top:1.75rem}}@media (prefers-reduced-transparency:reduce){.glass,.mobile-menu,.admin-topbar,.sticky-actions{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.page-atmosphere{display:none}}@media (prefers-contrast:more){:root{--line:#1d1d1f47;--muted:#4b4b50}html[data-theme=dark]{--line:#ffffff4d;--muted:#d1d1d6}.button.primary{box-shadow:inset 0 0 0 1px}.nav-shell{border-color:var(--line)}}.codepen-resource-card{background:0 0;border:0;padding:0;position:relative;overflow:visible;box-shadow:none!important}.resource-card-link{color:#fff;transition:transform .24s var(--ease),box-shadow .24s var(--ease);background:#252525;border-radius:16px;display:block;overflow:hidden;box-shadow:0 11px 28px #00000029}.resource-card-preview{background:radial-gradient(circle at 25% 18%,#536476 0,#0000 31%),linear-gradient(145deg,#26313d,#15191e);justify-content:center;align-items:center;height:10.2rem;display:flex;position:relative;overflow:hidden}.resource-card-preview>svg{opacity:.88}.resource-card-preview>span{color:#ffffffa8;font-size:.72rem;position:absolute;bottom:.85rem;left:1rem}.resource-fullscreen{opacity:0;width:1.7rem;height:1.7rem;transition:.2s var(--ease);background:#727890b8;border-radius:.45rem;place-items:center;display:grid;position:absolute;top:.65rem;right:.65rem;transform:scale(.84)}.codepen-resource-card:hover .resource-fullscreen{opacity:1;transform:none}.resource-switch{background:#9299a3;border-radius:.34rem;width:1.15rem;height:3.05rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #00000057}.resource-switch span{background:#fff;border-radius:.36rem;width:2.35rem;height:.55rem;display:block;transform:translate(-.6rem,.24rem);box-shadow:0 6px 8px #0000004d}.resource-card-copy{color:#fff;background:#252525;gap:.7rem;padding:1rem 1rem .9rem;display:flex}.resource-card-avatar{color:#ddecff;background:#394250;border-radius:.45rem;flex:none;place-items:center;width:2.2rem;height:2.2rem;display:grid}.resource-card-copy h3{margin:0;font-size:.96rem;line-height:1.35}.resource-card-copy p{color:#ffffff94;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.18rem 0 0;font-size:.72rem;line-height:1.45;display:-webkit-box;overflow:hidden}.resource-card-actions{opacity:0;min-height:1.9rem;transition:.22s var(--ease);pointer-events:none;gap:.45rem;padding:.25rem .1rem 0;display:flex;transform:translateY(-.45rem)}.resource-card-actions>*{color:#fff;background:#444857;border:0;border-radius:.3rem;align-items:center;gap:.27rem;height:1.55rem;padding:0 .48rem;font-size:.72rem;display:inline-flex}.resource-card-actions button{cursor:pointer}.resource-card-actions>:hover,.resource-card-actions .is-liked{color:#fff;background:#5a5f73}.resource-card-meta{color:var(--muted);justify-content:space-between;align-items:center;padding:.42rem .1rem 0;font-size:.7rem;display:flex}.resource-action-notice{color:var(--muted);margin:.55rem 0 0;font-size:.78rem}.resource-action-notice a{color:var(--accent);font-weight:650}.resource-engagement{border-top:1px solid var(--line);max-width:760px;margin:4rem auto 0;padding:1.6rem}.resource-engagement-head{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.resource-engagement-head>div>span{color:var(--accent);font-size:.75rem;font-weight:700}.resource-engagement h2{letter-spacing:-.035em;margin:.2rem 0 0;font-size:1.55rem}.resource-stats{color:var(--muted);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.resource-stats>*{color:inherit;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.3rem;padding:.4rem;display:inline-flex}.resource-stats button{cursor:pointer}.resource-stats button:hover,.resource-stats .is-liked{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}.resource-engagement form{margin-top:1.35rem}.resource-engagement textarea{resize:vertical;border:1px solid var(--line);background:var(--surface);border-radius:.85rem;outline:none;width:100%;min-height:7rem;padding:.85rem 1rem;display:block}.resource-engagement textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.resource-engagement form .button{margin-top:.7rem}.comment-list{margin-top:1.7rem}.comment-list article{border-top:1px solid var(--line);gap:.7rem;padding:1rem 0;display:flex}.comment-avatar{background:var(--accent-soft);width:2rem;height:2rem;color:var(--accent);border-radius:.55rem;flex:none;place-items:center;font-size:.75rem;font-weight:750;display:grid}.comment-list header{align-items:baseline;gap:.55rem;display:flex}.comment-list header b{font-size:.84rem}.comment-list time{color:var(--muted);font-size:.72rem}.comment-list p{white-space:pre-wrap;margin:.25rem 0 0;font-size:.9rem}.comment-empty{color:var(--muted);font-size:.86rem}.comment-rule{color:var(--muted);margin:1.4rem 0 0;font-size:.76rem}@media (hover:none){.resource-fullscreen,.resource-card-actions{opacity:1;pointer-events:auto;transform:none}.resource-card-actions{padding-top:.55rem}}@media (max-width:767px){.resource-engagement{padding:1.25rem 0}.resource-engagement-head{flex-direction:column;align-items:flex-start}.resource-card-actions{opacity:1;pointer-events:auto;padding-top:.55rem;transform:none}}.resource-grid{grid-auto-rows:21.5rem;gap:1.25rem}.codepen-resource-card{isolation:isolate;height:100%;display:block}.resource-card-link{border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line));background:var(--surface);height:100%;color:var(--text);border-radius:1.35rem;grid-template-rows:57% 43%;display:grid;overflow:hidden;box-shadow:0 12px 30px #1d1d1f0f}.codepen-resource-card:hover .resource-card-link{transform:translateY(-3px);box-shadow:0 22px 42px #1d1d1f1f}.resource-card-preview{color:#17629d;background:radial-gradient(circle at 75% 20%,#ffffffeb 0 2%,#0000 26%),radial-gradient(circle at 22% 18%,#5baaeb3b,#0000 35%),linear-gradient(145deg,#e9f4ff,#c8e4fb 54%,#9bc9ed);justify-content:flex-start;align-items:flex-end;height:auto;padding:1.25rem}.resource-card-preview:after{content:"";width:5.7rem;height:5.7rem;transition:transform .35s var(--ease),background .35s var(--ease);border:1px solid #17629d21;border-radius:1.6rem;position:absolute;inset:auto 1.25rem 1.25rem auto;transform:rotate(14deg)}.codepen-resource-card:hover .resource-card-preview:after{background:#ffffff42;transform:rotate(23deg)scale(1.08)}.resource-card-preview>svg{z-index:1;stroke-width:1.7px;width:2.1rem;height:2.1rem;transition:transform .3s var(--ease);position:relative}.codepen-resource-card:hover .resource-card-preview>svg{transform:translateY(-.25rem)scale(1.06)}.resource-card-preview>span{z-index:1;color:#317caf;letter-spacing:.02em;margin-left:.7rem;font-size:.76rem;font-weight:650;position:relative;bottom:auto;left:auto}.resource-switch{display:none}.resource-fullscreen{z-index:2;color:#17629d;background:#ffffffb8;border:1px solid #17629d1f;top:1rem;right:1rem;box-shadow:0 4px 12px #17629d17}.resource-card-copy{background:var(--surface);min-width:0;color:var(--text);padding:1.25rem 1.25rem 3.15rem}.resource-card-avatar{color:#17629d;background:#e8f3ff;border-radius:.7rem;width:2.35rem;height:2.35rem}.resource-card-copy h3{letter-spacing:-.025em;font-size:1.08rem}.resource-card-copy p{color:var(--muted);font-size:.78rem;line-height:1.55}.resource-card-actions{z-index:3;opacity:0;pointer-events:none;gap:.35rem;min-height:0;padding:0;position:absolute;bottom:.72rem;right:.85rem;transform:translateY(.4rem)scale(.96)}.resource-card-actions>*{color:#52708a;background:#f7fbfff0;border:1px solid #17629d1c;border-radius:.55rem;height:1.8rem;padding:0 .5rem;font-size:.71rem;box-shadow:0 3px 12px #17629d17}.resource-card-actions>:hover,.resource-card-actions .is-liked{color:#fff;background:#176fe0;border-color:#176fe0}.resource-card-meta{gap:.5rem;min-width:0;padding:0;font-size:.7rem;position:absolute;bottom:.9rem;left:1.25rem;right:7.1rem}.resource-card-meta>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.access{flex:none}.resource-action-notice{z-index:4;text-align:center;position:absolute;bottom:-1.8rem;left:1rem;right:1rem}.resource-grid>.codepen-resource-card:nth-child(2n) .resource-card-preview{color:#187864;background:radial-gradient(circle at 72% 16%,#fffffff0 0 2%,#0000 26%),radial-gradient(circle at 22% 18%,#5dc2b038,#0000 35%),linear-gradient(145deg,#edfbf7,#c7eee5 54%,#9ed9ca)}.resource-grid>.codepen-resource-card:nth-child(2n) .resource-card-preview>span{color:#368b7a}.resource-grid>.codepen-resource-card:nth-child(2n) .resource-card-preview:after{border-color:#18786424}.resource-grid>.codepen-resource-card:nth-child(2n) .resource-card-avatar{color:#187864;background:#e4f8f1}.resource-grid>.codepen-resource-card:nth-child(2n) .resource-fullscreen{color:#187864;border-color:#1878641f}@media (max-width:1023px){.resource-grid{grid-auto-rows:20.5rem}}@media (max-width:767px){.resource-grid{grid-auto-rows:20rem;gap:1rem}.resource-card-actions{opacity:1;pointer-events:auto;transform:none}.resource-card-copy{padding-bottom:3.1rem}.resource-card-meta{right:7rem}}.back-link{z-index:46;border:1px solid var(--line);background:color-mix(in srgb,var(--glass) 90%,var(--surface));-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);min-height:2.5rem;color:var(--muted);transition:transform .14s var(--press),color .16s var(--ease),background .16s var(--ease);border-radius:.78rem;align-items:center;gap:.5rem;padding:0 .85rem;font-size:.82rem;display:inline-flex;position:fixed;top:5.9rem;left:max(1.25rem,50vw - 600px);box-shadow:0 7px 18px #1d1d1f14}.back-link:hover{background:var(--surface);color:var(--text);transform:translate(-2px)}.back-link:active{transform:scale(.97)}.resource-card-cover{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .45s var(--ease);position:absolute;inset:0}.codepen-resource-card:hover .resource-card-cover{transform:scale(1.035)}.resource-card-preview:has(.resource-card-cover):before{content:"";z-index:1;background:linear-gradient(#0f1d2a14,#0f1d2a7a);position:absolute;inset:0}:is(.resource-card-preview:has(.resource-card-cover)>svg,.resource-card-preview:has(.resource-card-cover)>span){color:#fff;text-shadow:0 1px 5px #0000003d}@media (max-width:767px){.back-link{min-height:2.25rem;padding:0 .7rem;top:5.25rem;left:1rem}}@media (prefers-reduced-motion:reduce){.back-link,.resource-card-cover{transition:none}.back-link:hover{transform:none}}.resource-card-copy{padding-bottom:4.9rem}.resource-card-copy p{-webkit-line-clamp:1}.resource-card-meta{padding:0;display:block;position:static}.resource-card-meta>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:calc(100% - 2.5rem);position:absolute;bottom:3.35rem;left:1.25rem;overflow:hidden}.resource-card-meta .access{z-index:3;position:absolute;top:1rem;right:3.45rem;box-shadow:0 3px 10px #17629d14}.resource-card-actions{opacity:1;pointer-events:auto;justify-content:flex-end;bottom:.85rem;left:1.25rem;right:1.25rem;transform:none}.codepen-resource-card:hover .resource-card-actions,.codepen-resource-card:focus-within .resource-card-actions{opacity:1;pointer-events:auto;transform:none}.resource-card-actions>*{justify-content:center;min-width:2.7rem}.resource-action-notice{bottom:-1.9rem}@media (max-width:767px){.resource-card-copy{padding-bottom:4.9rem}.resource-card-meta>span:first-child{bottom:3.35rem;left:1.25rem}.resource-card-meta .access{top:1rem;right:3.45rem}.resource-card-actions{bottom:.85rem;left:1.25rem;right:1.25rem}}.vibe-lede{border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 72%,var(--surface)),var(--surface));border-radius:1.1rem;gap:1rem;padding:1.35rem 1.45rem;display:flex}.vibe-lede>svg{width:1.35rem;color:var(--accent);flex:none}.vibe-lede span,.prompt-copy-card header span{color:var(--accent);letter-spacing:.09em;font-size:.72rem;font-weight:750;display:block}.vibe-lede p{margin:.18rem 0 0;font-size:.93rem;line-height:1.75}.vibe-checklist{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.4rem 0 2.2rem;display:grid}.vibe-checklist>div{border:1px solid var(--line);background:var(--surface);border-radius:.95rem;min-width:0;padding:1rem}.vibe-checklist b{font-size:.82rem}.vibe-checklist p{color:var(--muted);margin:.28rem 0 0;font-size:.76rem;line-height:1.6}.vibe-steps{counter-reset:vibe-step;flex-direction:column;gap:1rem;margin:1.3rem 0 1.6rem;padding:0;list-style:none;display:flex}.vibe-steps li{counter-increment:vibe-step;grid-template-columns:1.75rem minmax(0,1fr);align-items:start;gap:.8rem;display:grid;position:relative}.vibe-steps li:before{content:counter(vibe-step,decimal-leading-zero);background:var(--surface-2);width:1.75rem;height:1.75rem;color:var(--accent);border-radius:.58rem;place-items:center;font:700 .63rem ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.vibe-steps li b{font-size:.92rem;display:block}.vibe-steps li span{color:var(--muted);grid-column:2;font-size:.86rem;line-height:1.7}.vibe-steps code,.vibe-note code{background:var(--surface-2);color:var(--text);border-radius:.35rem;padding:.08rem .32rem;font:500 .78rem ui-monospace,SFMono-Regular,Menlo,monospace}.vibe-note{background:var(--surface-2);border-radius:1rem;gap:.85rem;margin:1.65rem 0 2.25rem;padding:1.15rem 1.2rem;display:flex}.vibe-note>svg{width:1.25rem;color:var(--accent);flex:none}.vibe-note b{font-size:.85rem;display:block}.vibe-note p{color:var(--muted);margin:.18rem 0 0;font-size:.81rem;line-height:1.7}.prompt-copy-card{border:1px solid var(--line);background:var(--surface);border-radius:1.1rem;margin:1.35rem 0 2.25rem;overflow:hidden;box-shadow:0 10px 28px #1d1d1f0d}.prompt-copy-card header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.2rem;display:flex}.prompt-copy-card h3{letter-spacing:-.025em;margin:.18rem 0 0;font-size:1rem}.prompt-copy-card button{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;min-height:2.25rem;transition:transform .12s var(--press),background .16s var(--ease);border-radius:.68rem;flex:none;align-items:center;gap:.4rem;padding:0 .72rem;font-size:.76rem;font-weight:650;display:inline-flex}.prompt-copy-card button:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.prompt-copy-card button:active{transform:scale(.96)}.prompt-copy-card pre{color:#dbe8f4;white-space:pre-wrap;background:linear-gradient(145deg,#17212c,#0f171f);max-height:25rem;margin:0;padding:1.2rem;font:500 .77rem/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.prompt-copy-card code{font:inherit}.vibe-review{border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent-soft) 40%,var(--surface));border-radius:0 .95rem .95rem 0;margin:1.35rem 0 2.25rem;padding:1.2rem 1.3rem}.vibe-review>b{font-size:.88rem}.vibe-review ul{color:var(--muted);margin:.65rem 0 0;padding-left:1.2rem;font-size:.85rem;line-height:1.8}.vibe-link-row{flex-wrap:wrap;gap:.65rem;margin:1.2rem 0;display:flex}.vibe-link-row a{border:1px solid var(--line);background:var(--surface);color:var(--accent);transition:transform .14s var(--press),border-color .16s var(--ease);border-radius:.65rem;align-items:center;gap:.35rem;padding:.62rem .76rem;font-size:.78rem;font-weight:650;display:inline-flex}.vibe-link-row a:hover{border-color:color-mix(in srgb,var(--accent) 32%,var(--line));transform:translateY(-1px)}.vibe-steps.compact{margin-bottom:2.25rem}.vibe-note.safety{background:linear-gradient(135deg,color-mix(in srgb,var(--success) 10%,var(--surface)),var(--surface-2))}.vibe-note.safety>svg{color:var(--success)}@media (max-width:767px){.vibe-lede{padding:1.1rem}.vibe-checklist{grid-template-columns:1fr;gap:.6rem}.prompt-copy-card header{flex-direction:column;align-items:flex-start}.prompt-copy-card button{justify-content:center;width:100%}.prompt-copy-card pre{max-height:30rem;padding:1rem;font-size:.7rem}.vibe-link-row{flex-direction:column}.vibe-link-row a{justify-content:center}.vibe-steps li{gap:.65rem}}@media (prefers-reduced-motion:reduce){.prompt-copy-card button,.vibe-link-row a{transition:none}.vibe-link-row a:hover{transform:none}}.home-projects{padding-block:clamp(3rem,7vw,6rem) clamp(3rem,5vw,4.5rem)}.signature-shine{color:#0000;background:linear-gradient(100deg,#777 0 36%,#fff 50%,#777 64% 100%) 100% 0/220% 100%;letter-spacing:.12em;white-space:nowrap;-webkit-background-clip:text;background-clip:text;width:max-content;max-width:100%;margin:0 0 clamp(2rem,4vw,3.5rem);font-size:.875rem;font-weight:600;animation:3.4s linear infinite signature-shine}html[data-theme=light] .signature-shine{background-image:linear-gradient(100deg,#8e8e93 0 36%,#1d1d1f 50%,#8e8e93 64% 100%)}@keyframes signature-shine{0%{background-position:100% 0}60%,to{background-position:-120% 0}}.home-projects-heading{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.5rem;display:flex}.home-projects-heading h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}.home-projects-heading>a{color:var(--accent);transition:transform .1s var(--press);align-items:center;gap:.3rem;padding:.5rem 0;font-size:.875rem;display:inline-flex}.home-projects-heading>a:active{transform:scale(.97)}.window-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.window-card{border:1px solid var(--line);background:var(--surface);min-width:0;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease);border-radius:1.5rem;overflow:hidden;box-shadow:0 12px 38px #00000012}.window-card:hover{border-color:color-mix(in srgb,var(--accent) 20%,var(--line));transform:translateY(-3px);box-shadow:0 22px 54px #0000001c}.window-card:active{transition-duration:.1s;transform:scale(.99)}.window-tools{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 72%,var(--surface));align-items:center;gap:.45rem;height:2.75rem;padding:0 .9rem;display:flex}.window-dot{border-radius:50%;width:.65rem;height:.65rem;display:block;box-shadow:inset 0 0 0 .5px #00000026}.window-dot.red{background:#ff5f57}.window-dot.yellow{background:#febc2e}.window-dot.green{background:#28c840}.window-address{text-overflow:ellipsis;min-width:0;color:var(--muted);margin-left:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;overflow:hidden}.window-content{flex-direction:column;justify-content:flex-end;min-height:25rem;padding:1.75rem;display:flex;position:relative;overflow:hidden}.window-card-1 .window-content{color:#11263a;background:radial-gradient(circle at 78% 18%,#ffffff94,#0000 22%),linear-gradient(145deg,#e3f2ff 0,#a8d5fb 50%,#5ba2df 100%)}.window-card-2 .window-content{color:#f5f5f7;background:radial-gradient(circle at 78% 18%,#82c4ff4d,#0000 22%),linear-gradient(145deg,#303841 0,#171b20 72%)}.project-number{letter-spacing:.08em;opacity:.6;font:600 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:1.5rem;left:1.75rem}.project-symbol{letter-spacing:-.12em;opacity:.12;-webkit-user-select:none;user-select:none;font-size:clamp(10rem,18vw,16rem);font-weight:750;line-height:1;position:absolute;top:-.22em;right:-.03em}.window-card-copy{z-index:1;max-width:27rem;position:relative}.window-card-copy>span{opacity:.7;font-size:.75rem;font-weight:650}.window-card-copy h2{letter-spacing:-.055em;margin:.4rem 0 .6rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.window-card-copy p{opacity:.78;max-width:24rem;margin:0 0 1.25rem;font-size:.95rem;line-height:1.7}.window-card .tag-row span{color:inherit;opacity:.68;border-color:currentColor}.window-card-arrow{z-index:2;width:1.35rem;height:1.35rem;transition:transform .18s var(--ease);position:absolute;bottom:1.6rem;right:1.6rem}.window-card:hover .window-card-arrow{transform:translate(.15rem,-.15rem)}@media (max-width:767px){.home-projects{padding-block:2.75rem 4rem}.signature-shine{margin-bottom:2.25rem}.home-projects-heading h1{font-size:2rem}.window-card-grid{grid-template-columns:1fr;gap:1rem}.window-content{min-height:21rem;padding:1.4rem}.project-number{top:1.25rem;left:1.4rem}.window-card-copy h2{font-size:2.5rem}.window-card-arrow{bottom:1.3rem;right:1.3rem}}@media (prefers-reduced-motion:reduce){.signature-shine{background-position:50% 0;animation:none}.window-card:hover,.window-card:active,.window-card:hover .window-card-arrow{transform:none}}.morph-card-grid{grid-template-columns:repeat(2,20rem);justify-content:center;gap:clamp(2rem,6vw,5rem);padding:1rem 0 0;display:grid}.morph-card{isolation:isolate;outline:none;width:20rem;height:16rem;display:block;position:relative}.morph-cover,.morph-content{background:var(--surface);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffffb8,0 10px 32px #0000001c}.morph-cover{border:1px solid var(--line);z-index:2;width:11.5rem;height:11.5rem;transition:opacity .2s var(--ease) .42s,border-radius .28s var(--ease) .42s,transform .35s var(--ease) .42s;border-radius:50%;place-items:center;display:grid;overflow:hidden}.morph-cover strong{z-index:2;letter-spacing:-.09em;transition:opacity .18s var(--ease) .3s,transform .32s var(--ease) .3s;font-size:4.25rem;line-height:1;position:relative}.morph-cover small{color:var(--muted);font:600 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:1.25rem;left:1.4rem}.morph-orbit{border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);width:7.6rem;height:7.6rem;box-shadow:0 0 0 1.7rem color-mix(in srgb,var(--accent) 6%,transparent),0 0 0 3.5rem color-mix(in srgb,var(--accent) 4%,transparent);border-radius:50%;position:absolute}.morph-card-1 .morph-cover{color:#174b78;background:linear-gradient(145deg,#eff8ff,#b9dcfb)}.morph-card-2 .morph-cover{color:#f5f5f7;background:linear-gradient(145deg,#303840,#15191e)}.morph-content{border:1px solid var(--line);visibility:hidden;width:11.5rem;height:11.5rem;transition:width .38s var(--ease),height .32s var(--ease),visibility 0s linear .42s,box-shadow .2s var(--ease);z-index:1;border-radius:1.1rem;grid-template-columns:minmax(0,1.2fr) .8fr;gap:.75rem;padding:1.25rem;display:grid;overflow:hidden}.morph-detail{opacity:0;min-width:0;transition:opacity .24s var(--ease),transform .3s var(--ease);flex-direction:column;display:flex;transform:translate(-.5rem)}.morph-detail>span{color:var(--accent);font-size:.67rem;font-weight:650}.morph-detail h2{letter-spacing:-.045em;margin:.25rem 0 .35rem;font-size:1.55rem;line-height:1.1}.morph-detail p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.75rem;line-height:1.55;display:-webkit-box;overflow:hidden}.morph-domain{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:auto;font:500 .65rem ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.morph-product{opacity:0;transition:opacity .25s var(--ease),transform .4s var(--ease);place-items:center;display:grid;position:relative;transform:scale(.55)translate(-1rem)}.morph-product span{letter-spacing:-.12em;color:var(--accent);opacity:.16;font-size:5.5rem;font-weight:750;line-height:1}.morph-card-2 .morph-product span{color:var(--text);opacity:.12}.morph-product svg{width:1.2rem;position:absolute;bottom:.1rem;right:.1rem}.morph-card:is(:hover,:focus-visible) .morph-cover{opacity:0;border-radius:1rem;transition-delay:0s;transform:translate(-50%,-50%)scale(.94)}.morph-card:is(:hover,:focus-visible) .morph-cover strong{opacity:0;transition-delay:0s;transform:scale(.75)}.morph-card:is(:hover,:focus-visible) .morph-content{visibility:visible;width:20rem;height:12.5rem;transition-delay:.18s,.18s,0s,0s;box-shadow:inset 0 1px #ffffffb8,0 18px 44px #00000024}.morph-card:is(:hover,:focus-visible) .morph-detail,.morph-card:is(:hover,:focus-visible) .morph-product{opacity:1;transition-delay:.3s;transform:none}.morph-card:active .morph-content{transition-duration:.1s;transform:translate(-50%,-50%)scale(.98)}@media (hover:none),(max-width:767px){.morph-card-grid{grid-template-columns:1fr;gap:1rem;padding-top:0}.morph-card{width:100%;height:12.5rem}.morph-cover{display:none}.morph-content{visibility:visible;width:100%;height:11.5rem}.morph-detail,.morph-product{opacity:1;transform:none}.morph-detail p{-webkit-line-clamp:2}}@media (prefers-reduced-motion:reduce){.morph-cover,.morph-cover strong,.morph-content,.morph-detail,.morph-product{transition:none}.morph-card:is(:hover,:focus-visible) .morph-cover{display:none}}.project-flip-grid{grid-template-columns:repeat(2,18.75rem);justify-content:center;gap:clamp(1.5rem,5vw,4rem);padding:1rem 0;display:grid}.project-flip-card{border:1px solid var(--line);background:var(--surface);width:18.75rem;height:12.5rem;box-shadow:0 0 0 5px color-mix(in srgb,var(--surface) 50%,transparent),0 8px 28px #00000012;perspective:62.5rem;transition:transform .32s var(--ease),box-shadow .32s var(--ease),border-color .32s var(--ease);border-radius:.875rem;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-flip-card:hover,.project-flip-card:focus-visible{border-color:color-mix(in srgb,var(--accent) 20%,var(--line));transform:scale(1.035);box-shadow:0 14px 34px #0000001f}.project-flip-card:active{transition-duration:.1s;transform:scale(.99)}.project-flip-cover{transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .25s var(--ease);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.project-flip-cover>span{color:currentColor;opacity:.55;font:600 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:.85rem;left:1rem}.project-flip-cover>strong{letter-spacing:-.12em;opacity:.16;font-size:6rem;line-height:1}.project-flip-cover svg{fill:currentColor;opacity:.35;width:2.4rem;transition:transform .4s var(--ease),opacity .25s var(--ease);position:absolute;bottom:1rem;right:1.1rem}.project-flip-1 .project-flip-cover{color:#174b78;background:linear-gradient(145deg,#edf8ff,#a8d5fb)}.project-flip-2 .project-flip-cover{color:#f5f5f7;background:linear-gradient(145deg,#303841,#15191e)}.project-flip-content{background:var(--surface);transform-origin:bottom;backface-visibility:hidden;flex-direction:column;padding:1.25rem;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:0;transform:rotateX(-90deg)}.project-flip-content>span{color:var(--accent);font-size:.7rem;font-weight:650}.project-flip-content h2{letter-spacing:-.045em;margin:.25rem 0 .45rem;font-size:1.55rem;line-height:1.1}.project-flip-content p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.55;display:-webkit-box;overflow:hidden}.project-flip-content>div{color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.project-flip-content small{font:500 .67rem ui-monospace,SFMono-Regular,Menlo,monospace}.project-flip-content svg{width:1.1rem;color:var(--text)}.project-flip-card:is(:hover,:focus-visible) .project-flip-cover{opacity:0;transform:scale(.82)}.project-flip-card:is(:hover,:focus-visible) .project-flip-cover svg{opacity:0;transform:scale(0)}.project-flip-card:is(:hover,:focus-visible) .project-flip-content{transform:rotateX(0)}.project-flip-cover img{z-index:0;object-fit:cover;width:100%;max-width:none;height:100%;transition:transform .5s var(--ease);display:block;position:absolute;inset:0}.project-flip-cover:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff40}.project-flip-cover>span{z-index:2;color:#1d1d1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;background:#ffffffc7;border-radius:999px;padding:.22rem .42rem;box-shadow:0 1px 5px #00000014}.project-flip-card:hover .project-flip-cover img,.project-flip-card:focus-visible .project-flip-cover img{transform:scale(1.035)}@media (hover:none),(max-width:767px){.project-flip-grid{grid-template-columns:1fr;gap:1rem;padding-top:0}.project-flip-card{width:100%;height:20rem}.project-flip-cover{height:9rem;display:block;top:0;bottom:auto;transform:none}.project-flip-content{height:11rem;top:9rem;transform:none}.project-flip-card:hover,.project-flip-card:focus-visible{transform:none}.project-flip-card:is(:hover,:focus-visible) .project-flip-cover{opacity:1;transform:none}.project-flip-cover>span{display:none}}@media (prefers-reduced-motion:reduce){.project-flip-card,.project-flip-cover,.project-flip-cover svg,.project-flip-content{transition:none}.project-flip-card:is(:hover,:focus-visible) .project-flip-cover{display:none}}@media (max-width:767px){.profile-card{justify-self:center;width:min(100%,18.75rem);height:20.5rem;min-height:0}.profile-card-photo{width:7.75rem;height:7.75rem;margin:2.15rem 0 1.55rem}.profile-card-socials{opacity:1;height:2.55rem;margin-top:.95rem;transform:none}.profile-card:hover .profile-card-photo,.profile-card:focus-within .profile-card-photo{border-radius:1rem;width:7.75rem;height:7.75rem;margin:2.15rem 0 1.55rem}.profile-card:hover{height:20.5rem;box-shadow:7px 8px 0 color-mix(in srgb,var(--text) 78%,transparent),0 16px 32px #23181317;transform:none}}@media (prefers-reduced-motion:reduce){.profile-card,.profile-card-photo,.profile-card-socials,.profile-social-button{transition:none}.profile-card:hover,.profile-card:focus-within{transform:none}}.about-profile-stack{flex-direction:column;align-items:flex-start;gap:1.3rem;display:flex}.contact-tiles{grid-template-columns:repeat(2,1fr);gap:.55rem;width:min(100%,18.75rem);display:grid}.contact-tile{background:var(--surface);min-height:5.1rem;color:var(--text);cursor:pointer;transition:transform .18s var(--press),box-shadow .2s var(--ease),background .2s var(--ease),color .2s var(--ease);border:0;border-radius:.7rem;flex-direction:column;justify-content:center;align-items:center;gap:.42rem;padding:.85rem;font-size:.72rem;font-weight:650;display:flex;box-shadow:0 2px 6px #141a2017,inset 0 1px #ffffffd9}.contact-tile svg{width:1.35rem;height:1.35rem}.contact-tile:hover{transform:translateY(-.15rem);box-shadow:0 8px 16px #141a2021}.contact-tile:active{transform:scale(.96)}.contact-tile.wechat{color:#07a45a;border-radius:1.3rem .7rem .7rem}.contact-tile.xianyu{color:#e87918;border-radius:.7rem 1.3rem .7rem .7rem}.contact-tile.github{color:#30343a;border-radius:.7rem .7rem .7rem 1.3rem}.contact-tile.email{color:#306dbe;border-radius:.7rem .7rem 1.3rem}.contact-tile.wechat:hover{color:#fff;background:#07a45a}.contact-tile.xianyu:hover{color:#fff;background:#e87918}.contact-tile.github:hover{color:#fff;background:#30343a}.contact-tile.email:hover{color:#fff;background:#306dbe}.contact-preview-layer{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:contact-fade .2s var(--ease) both;background:#11161d42;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.contact-preview{background:var(--surface);width:min(29rem,100%);max-height:calc(100svh - 3rem);animation:contact-pop .25s var(--ease) both;border:1px solid #ffffffa6;border-radius:1.25rem;overflow:auto;box-shadow:0 24px 70px #0003}.contact-preview>div{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.3rem .95rem;display:flex}.contact-preview span{color:var(--accent);letter-spacing:.1em;font-size:.68rem;font-weight:750;display:block}.contact-preview h2{letter-spacing:-.035em;margin:.15rem 0;font-size:1.35rem}.contact-preview p{color:var(--muted);margin:0;font-size:.82rem}.contact-preview button{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:.7rem;flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid}.contact-preview img{object-fit:contain;object-position:top;background:#fafafa;width:100%;max-height:min(66svh,36rem);display:block}.contact-preview-layer:has(img[src$=xianyu-profile\.jpg]) .contact-preview{width:min(45rem,100%)}@keyframes contact-fade{0%{opacity:0}to{opacity:1}}@keyframes contact-pop{0%{opacity:0;transform:scale(.96)translateY(.45rem)}to{opacity:1;transform:none}}@media (max-width:767px){.about-profile-stack{align-items:center}.contact-tiles{width:min(100%,18.75rem)}.contact-preview-layer{padding:.85rem}.contact-preview{max-height:calc(100svh - 1.7rem)}}@media (prefers-reduced-motion:reduce){.contact-preview-layer,.contact-preview{animation:none}.contact-tile{transition:none}.contact-tile:hover{transform:none}}.contact-preview-image.wechat{object-fit:cover;object-position:center 62%;height:min(30rem,62svh)}@media (max-width:767px){.contact-preview-image.wechat{height:min(28rem,60svh)}}.projects-showcase{place-items:center;min-height:calc(100svh - 120px);padding-block:clamp(2.5rem,6vw,5rem);display:grid}.projects-showcase .project-flip-grid{grid-template-columns:repeat(2,minmax(0,22.5rem));gap:clamp(1.25rem,3vw,2.5rem);width:100%;padding:0}.projects-showcase .project-flip-card{width:100%;height:15rem}.projects-showcase .project-flip-content{padding:1.5rem}.projects-showcase .project-flip-content h2{font-size:1.8rem}.projects-showcase .project-flip-content p{font-size:.84rem}@media (max-width:767px){.projects-showcase{min-height:auto;padding-block:2.5rem 3.5rem;display:block}.projects-showcase .project-flip-grid{grid-template-columns:1fr}.projects-showcase .project-flip-card{height:20rem}}.bookmark-page{align-items:center;min-height:calc(100svh - 180px);display:flex}.bookmark-library{width:100%}.bookmark-categories{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.bookmark-categories button{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 72%,transparent);min-height:2.25rem;color:var(--muted);cursor:pointer;transition:background-color .16s var(--ease),color .16s var(--ease),transform .1s var(--press);border-radius:999px;padding:0 .85rem;font-size:.82rem}.bookmark-categories button:hover{color:var(--text);background:var(--surface)}.bookmark-categories button:active{transform:scale(.96)}.bookmark-categories button.active{background:var(--text);color:var(--bg);border-color:#0000;font-weight:650}.bookmark-card-grid{grid-template-columns:repeat(auto-fit,minmax(13.125rem,1fr));gap:1.1rem;max-width:none;display:grid}.bookmark-card{--bookmark-primary:#52657a;min-height:15.2rem;color:var(--text);text-align:left;cursor:pointer;isolation:isolate;transition:transform .24s var(--ease),box-shadow .24s var(--ease);background:linear-gradient(135deg,#fffffffa,#eff2f5f5 54%,#fcfdfefa);border:0;border-radius:1.1rem;padding:1.25rem;position:relative;overflow:hidden;box-shadow:6px 6px 12px #141a201a,-6px -6px 12px #ffffffd1,inset 2px 2px 4px #ffffffe0,inset -2px -2px 4px #373e4517}.bookmark-card:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(45deg,#0000 32%,#ffffff5c 50%,#0000 68%) 0 0/240% 240%;animation:8s ease-in-out infinite bookmark-metal-shine;position:absolute;inset:0}.bookmark-card:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffffe0;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #4e61760f}.bookmark-card>*{z-index:1;position:relative}.bookmark-card>*+*{margin-top:1.1em}.bookmark-card:hover{transform:translateY(-3px);box-shadow:9px 11px 20px #141a2021,-6px -6px 12px #ffffffc7,inset 2px 2px 4px #ffffffd1,inset -2px -2px 4px #373e4514}.bookmark-card:active{transition-duration:.1s;transform:scale(.985)}.bookmark-category{color:var(--bookmark-primary);letter-spacing:.03em;font-size:.72rem;font-weight:720;display:inline-flex}.bookmark-card h2{letter-spacing:-.035em;margin-bottom:0;padding:0;font-size:1.27rem;line-height:1.25}.bookmark-card h2:first-letter{font-weight:750}.bookmark-card:hover h2{color:#25374b;text-underline-offset:.16em;text-decoration:underline}.bookmark-card p{color:#5d6670;margin-bottom:0;font-size:.86rem;line-height:1.65}.bookmark-date{color:#69717a;font-size:.78rem;display:block;margin-top:auto!important}.bookmark-arrow{color:#fff;width:2.55rem;height:2.55rem;transition:background-color .2s var(--ease),transform .2s var(--ease);background:linear-gradient(145deg,#6d8093,#48596b);border-top-left-radius:1.1rem;place-items:center;display:grid;position:absolute;bottom:0;right:0;box-shadow:inset 1px 1px 1px #ffffff52}.bookmark-card:hover .bookmark-arrow{background:linear-gradient(145deg,#60758a,#405265)}.bookmark-card:hover .bookmark-arrow svg{transform:translate(3px)}.bookmark-arrow svg{transition:transform .2s var(--ease)}@keyframes bookmark-metal-shine{0%,to{background-position:160%}50%{background-position:-60%}}.bookmark-dialog-layer{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:bookmark-scrim .2s var(--ease) both;background:#0f141d2e;justify-content:flex-start;align-items:flex-end;padding:1.5rem;display:flex;position:fixed;inset:0}.bookmark-dialog{background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(26px)saturate(1.4);backdrop-filter:blur(26px)saturate(1.4);border:1px solid #ffffffa6;border-radius:1.25rem;width:min(39rem,100%);max-height:min(43rem,100svh - 3rem);animation:.34s cubic-bezier(.2,.82,.2,1) both bookmark-dialog-in;overflow:auto;box-shadow:0 28px 85px #0a14223d,inset 0 1px #ffffffc7}.bookmark-dialog-topbar{border-bottom:1px solid var(--line);height:3.7rem;color:var(--accent);justify-content:space-between;align-items:center;padding:0 1.25rem;font-size:.78rem;font-weight:700;display:flex}.bookmark-close{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:2.2rem;height:2.2rem;transition:transform .1s var(--press),background-color .16s var(--ease);border-radius:.7rem;place-items:center;display:grid}.bookmark-close:hover{background:var(--surface-2)}.bookmark-close:active{transform:scale(.94)}.bookmark-dialog-body{padding:1.6rem 1.5rem 1.35rem}.bookmark-dialog-body h2{letter-spacing:-.055em;margin:0;font-size:clamp(1.75rem,4vw,2.45rem);line-height:1.08}.bookmark-dialog-intro{color:var(--muted);margin:1rem 0 1.6rem;font-size:1.02rem;line-height:1.75}.bookmark-dialog-body section{border-top:1px solid var(--line);padding:1.15rem 0}.bookmark-dialog-body h3{color:var(--accent);letter-spacing:.02em;margin:0 0 .45rem;font-size:.82rem}.bookmark-dialog-body section p,.bookmark-dialog-body li{color:var(--muted);font-size:.91rem;line-height:1.7}.bookmark-dialog-body section p{margin:0}.bookmark-dialog-body ul{margin:.5rem 0 0;padding-left:1.2rem}.bookmark-dialog-body li+li{margin-top:.35rem}.bookmark-dialog-note{background:var(--accent-soft);border-radius:.8rem;margin:1.25rem 0 0;padding:.85rem 1rem;font-size:.85rem;line-height:1.65}.bookmark-dialog-actions{border-top:1px solid var(--line);gap:.7rem;padding:1rem 1.25rem 1.25rem;display:flex}.bookmark-action-button{z-index:0;color:#212121;cursor:pointer;min-height:2.8rem;transition:color .25s var(--ease),transform .1s var(--press);background:#e8e8e8;border:0;border-radius:.8rem;justify-content:center;align-items:center;gap:.45rem;padding:0 .95rem;font-size:.86rem;font-weight:750;display:inline-flex;position:relative;overflow:hidden;box-shadow:4px 8px 19px -8px #00000045}.bookmark-action-button:before{content:"";z-index:-1;border-radius:inherit;width:0;transition:width .25s var(--ease);background:#212121;position:absolute;inset:0 auto 0 0}.bookmark-action-button:hover{color:#e8e8e8}.bookmark-action-button:hover:before{width:100%}.bookmark-action-button:active{transform:scale(.97)}.bookmark-action-button.primary{background:var(--accent);color:#fff}.bookmark-action-button.primary:before{background:#083f80}.bookmark-action-button.primary:hover{color:#fff}@keyframes bookmark-scrim{0%{opacity:0}to{opacity:1}}@keyframes bookmark-dialog-in{0%{opacity:0;filter:blur(5px);transform:translate(-1rem,1.25rem)scale(.97)}to{opacity:1;filter:blur();transform:none}}@media (max-width:767px){.bookmark-page{min-height:auto;display:block}.bookmark-card-grid{grid-template-columns:1fr;max-width:none}.bookmark-card{min-height:13rem}.bookmark-dialog-layer{align-items:flex-end;padding:.75rem}.bookmark-dialog{border-radius:1.1rem;max-height:calc(100svh - 1.5rem)}.bookmark-dialog-body{padding:1.35rem 1.15rem}.bookmark-dialog-actions{flex-direction:column;padding:1rem}.bookmark-action-button{width:100%}}@media (prefers-reduced-motion:reduce){.bookmark-dialog-layer,.bookmark-dialog,.bookmark-card:before{animation:none}.bookmark-card,.bookmark-arrow,.bookmark-action-button,.bookmark-action-button:before{transition:none}.bookmark-card:hover{transform:none}}.data-row-actions{align-items:center;gap:.5rem;display:flex}.button.danger{border-color:color-mix(in srgb,var(--danger) 30%,var(--line));min-width:2.25rem;min-height:2.25rem;color:var(--danger);background:0 0;padding:.45rem}.button.danger:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.status-pill{border-radius:999px;padding:.18rem .5rem;font-size:.76rem;font-style:normal;display:inline-flex}.status-pill.published{background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--success)}.status-pill.archived{background:var(--surface-2);color:var(--muted)}.bookmark-card-grid{grid-template-columns:repeat(auto-fit,minmax(13.125rem,1fr));max-width:none}.bookmark-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex;margin:0!important}.bookmark-stars{color:#687583;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.28rem;font-size:.7rem;display:inline-flex}.bookmark-stars svg{color:#7b8a9a}.bookmark-snapshot-note{color:var(--muted);margin:1rem 0 0;font-size:.72rem}.access.redeemed{color:#278347;background:#e8f5ec;border-color:#c5e6d0}.bookmark-dialog{flex-direction:column;display:flex;overflow:hidden}.bookmark-dialog-body{overflow:auto}.bookmark-dialog-actions{flex:none}.bookmark-dialog-layer{justify-content:center;align-items:center}.bookmark-dialog{animation-name:bookmark-dialog-center-in}@keyframes bookmark-dialog-center-in{0%{opacity:0;filter:blur(5px);transform:translateY(.8rem)scale(.97)}to{opacity:1;filter:blur();transform:none}}.resources-page .filter-bar{margin-bottom:1.25rem}.library-dashboard{grid-template-columns:minmax(0,1.62fr) minmax(18rem,.72fr);align-items:start;gap:1.5rem;display:grid}.library-column{min-width:0}.library-label.first{align-items:end;margin:0 0 .9rem;padding:0 .15rem}.library-label>div>span{color:var(--accent);letter-spacing:.1em;font-size:.66rem;font-weight:750;display:block}.library-label h2{letter-spacing:-.04em;margin:.1rem 0 0;font-size:1.45rem}.library-label>b{color:var(--muted);font-size:.78rem;font-weight:550}.resources-page .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:19.25rem;gap:1rem}.library-collections{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 78%,transparent);border-radius:1.35rem;padding:1.15rem;box-shadow:0 10px 30px #1d1d1f09}.library-collections .library-label{margin-bottom:1rem;padding:0}.library-collections .collection-list>a{background:var(--surface);box-shadow:none;transition:transform .18s var(--ease),box-shadow .18s var(--ease);border-radius:1rem;grid-template-columns:3rem minmax(0,1fr);gap:.85rem;padding:.9rem}.library-collections .collection-list>a:hover{transform:translateY(-2px);box-shadow:0 12px 22px #1d1d1f12}.library-collections .stack-icon{border-radius:.85rem;width:3rem;height:3rem}.library-collections .collection-list h3{letter-spacing:-.025em;font-size:1rem}.library-collections .collection-list p{margin-top:.2rem;font-size:.77rem;line-height:1.5}.library-collections .collection-list>a>b{display:none}.collection-hint{border-top:1px solid var(--line);color:var(--muted);margin:1rem 0 0;padding-top:1rem;font-size:.77rem;line-height:1.55}@media (max-width:1023px){.library-dashboard{grid-template-columns:1fr}.resources-page .resource-grid{grid-auto-rows:20rem}.library-collections{box-shadow:none;background:0 0;border:0;padding:0}.library-collections .library-label{margin-top:1.5rem}.library-collections .collection-list>a{border:1px solid var(--line)}}@media (max-width:767px){.resources-page{padding-top:2rem}.resources-page .resource-grid{grid-template-columns:1fr;grid-auto-rows:20rem}.library-label h2{font-size:1.3rem}}.inner-page,.detail-page,.resource-detail{padding-top:2.5rem;padding-bottom:4rem}.projects-showcase{min-height:0;padding-block:2.5rem 4rem;display:block}.bookmark-page{min-height:0;display:block}.resources-page{padding-top:2.5rem}@media (max-width:767px){.inner-page,.detail-page,.resource-detail,.projects-showcase{padding-top:2rem;padding-bottom:3rem}.resources-page{padding-top:2rem}}.desktop-nav a.active{color:var(--text);background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 11%,transparent),0 1px 2px #00000009;font-weight:680}.desktop-nav a.active:after{content:"";background:var(--accent);border-radius:50%;width:.24rem;height:.24rem;margin:.22rem auto -.06rem;display:block}.mobile-menu a.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.desktop-nav a.active:hover{background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft))}.bookmark-empty{color:var(--muted);padding:2rem 0;font-size:.9rem}.good-share-page{padding-top:2.5rem}.good-share-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.good-share-heading{margin-bottom:1.25rem}.good-share-heading>span{color:var(--accent);letter-spacing:.1em;font-size:.68rem;font-weight:750;display:block}.good-share-heading h2{letter-spacing:-.045em;margin:.16rem 0 .25rem;font-size:1.55rem}.good-share-heading p{color:var(--muted);margin:0;font-size:.84rem}.good-share-page .bookmark-card-grid{grid-template-columns:minmax(13.125rem,1fr);max-width:none}.good-share-page .bookmark-card{min-height:15rem}.good-share-resources{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.good-share-resources .resource-card{height:19.25rem}@media (max-width:1023px){.good-share-grid{grid-template-columns:1fr}.good-share-grid>section+section{border-top:1px solid var(--line);padding-top:1.75rem}.good-share-page .bookmark-card-grid{grid-template-columns:minmax(13.125rem,18rem)}}@media (max-width:767px){.good-share-page{padding-top:2rem}.good-share-resources,.good-share-page .bookmark-card-grid{grid-template-columns:1fr}}.share-signature{letter-spacing:.08em;margin:0 0 1.35rem;font-size:.78rem}.good-share-downloads{flex-direction:column;gap:.8rem;display:flex}.good-share-downloads>a{border:1px solid var(--line);background:var(--surface);transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);border-radius:1rem;grid-template-columns:3.1rem minmax(0,1fr) 1.2rem;align-items:start;gap:1rem;padding:1rem;display:grid;box-shadow:0 8px 22px #1d1d1f0a}.good-share-downloads>a:hover{border-color:color-mix(in srgb,var(--accent) 20%,var(--line));transform:translateY(-2px);box-shadow:0 15px 28px #1d1d1f17}.good-share-download-icon{background:var(--accent-soft);width:3.1rem;height:3.1rem;color:var(--accent);border-radius:.9rem;place-items:center;display:grid}.good-share-downloads h3{letter-spacing:-.025em;margin:.18rem 0;font-size:1rem}.good-share-downloads p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.55}.good-share-downloads span,.good-share-downloads small{color:var(--muted);font-size:.68rem;display:block}.good-share-downloads small{text-overflow:ellipsis;white-space:nowrap;margin-top:.45rem;overflow:hidden}.good-share-downloads>a>svg{color:var(--accent);margin-top:.25rem}@media (max-width:767px){.good-share-downloads>a{gap:.8rem}}.bookmark-gated{position:relative}.bookmark-gated>.bookmark-library{filter:blur(7px);opacity:.48;pointer-events:none;-webkit-user-select:none;user-select:none}.bookmark-gate{z-index:2;background:color-mix(in srgb,var(--glass) 90%,var(--surface));text-align:center;-webkit-backdrop-filter:blur(22px)saturate(1.45);backdrop-filter:blur(22px)saturate(1.45);border:1px solid #ffffffb8;border-radius:1.35rem;width:min(29rem,100% - 2rem);padding:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 55px #1d1d1f24}.bookmark-gate>svg{color:var(--accent);width:1.55rem;height:1.55rem}.bookmark-gate>span{color:var(--accent);letter-spacing:.1em;margin-top:.65rem;font-size:.71rem;font-weight:750;display:block}.bookmark-gate h2{letter-spacing:-.04em;margin:.28rem 0 .55rem;font-size:1.45rem}.bookmark-gate p{max-width:19rem;color:var(--muted);margin:0 auto 1.25rem;font-size:.85rem;line-height:1.65}.bookmark-gate .button{min-width:7rem}.resources-page .filter-bar{box-shadow:none;background:0 0;margin-bottom:1.5rem;padding:0;display:block}.resources-page .search-field{display:none}.resources-page .filter-chips{gap:.5rem}.resources-page .filter-chips button{background:color-mix(in srgb,var(--surface) 72%,transparent);height:2.25rem;color:var(--muted);transition:background-color .16s var(--ease),color .16s var(--ease),transform .1s var(--press);border-radius:999px;padding:0 .85rem;font-size:.82rem}.resources-page .filter-chips button.active{background:var(--text);color:var(--bg);border-color:#0000;font-weight:650}.resources-page .filter-chips button:active{transform:scale(.96)}@media (max-width:767px){.bookmark-gate{padding:1.55rem 1.25rem}.bookmark-gate h2{font-size:1.2rem}.resources-page .filter-chips{flex-wrap:nowrap;padding-bottom:.2rem;overflow-x:auto}.resources-page .filter-chips button{flex:none}}.skill-intro-card{border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 68%,var(--surface)),var(--surface));border-radius:1.15rem;justify-content:space-between;align-items:flex-end;gap:1.25rem;margin-bottom:2.6rem;padding:1.35rem;display:flex;box-shadow:0 12px 30px #1d1d1f0d}.skill-intro-card span{color:var(--accent);letter-spacing:.07em;font-size:.72rem;font-weight:750}.skill-intro-card h2{letter-spacing:-.04em;margin:.3rem 0 .55rem;font-size:1.35rem}.skill-intro-card p{max-width:34rem;color:var(--muted);margin:0;font-size:.86rem;line-height:1.65}.skill-intro-card .button{white-space:nowrap;flex:none}.skill-principles,.skill-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.1rem 0 2rem;display:grid}.skill-principles>div,.skill-platform-grid>div{border:1px solid var(--line);background:var(--surface);border-radius:.95rem;padding:1rem}.skill-principles b,.skill-platform-grid b{font-size:.88rem}.skill-principles p,.skill-platform-grid p{color:var(--muted);margin:.35rem 0 0;font-size:.78rem;line-height:1.6}.skill-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-platform-grid code{font-size:.75rem}.skill-demo-page{width:min(100% - 2rem,68rem);margin:0 auto;padding:2.5rem 0 4rem}.skill-demo-back{color:var(--muted);align-items:center;gap:.45rem;font-size:.84rem;display:inline-flex}.skill-demo-copy{margin:2.5rem 0 1.25rem}.skill-demo-copy>span{color:var(--accent);letter-spacing:.1em;font-size:.7rem;font-weight:750}.skill-demo-copy h1{letter-spacing:-.065em;margin:.28rem 0 .45rem;font-size:clamp(2rem,5vw,3.5rem)}.skill-demo-copy p{color:var(--muted);margin:0}.glass-demo-stage{isolation:isolate;background:radial-gradient(circle at 75% 8%,#102d62 0,#0000 30%),radial-gradient(circle at 8% 88%,#1b3564 0,#0000 31%),linear-gradient(145deg,#050b18,#0b1d39 54%,#071124);border:1px solid #a0c3ff26;border-radius:1.7rem;place-items:center;min-height:40rem;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 55px #0d193226}.glass-demo-stage.compact{border-radius:1.35rem;min-height:33rem;margin:1.25rem 0 2.3rem}.glass-demo-orb{z-index:-1;filter:blur(3px);opacity:.65;border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle,#2f6fc0,#2f6fc000);width:20rem;height:20rem;top:-7rem;left:-8rem}.orb-two{background:radial-gradient(circle,#2e8d9c,#2e8d9c00);width:19rem;height:19rem;bottom:-6rem;right:-7rem}.orb-three{background:radial-gradient(circle,#5382ed85,#5382ed00);width:13rem;height:13rem;top:16%;right:22%}.glass-access-card{-webkit-backdrop-filter:blur(26px)saturate(1.35);backdrop-filter:blur(26px)saturate(1.35);background:linear-gradient(145deg,#243a5cad,#101c3399);border:1px solid #ecf6ff2e;border-radius:1.65rem;width:min(100% - 2.4rem,31.5rem);padding:1.75rem;box-shadow:0 25px 60px #0007166b,inset 0 1px #ffffff30,inset 0 -24px 44px #03091c2e}.glass-access-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.glass-access-head span{color:#d3e4ff8c;letter-spacing:.1em;font-size:.66rem;font-weight:750}.glass-access-head h2{color:#fff;letter-spacing:-.055em;margin:.28rem 0 .35rem;font-size:1.75rem;line-height:1.05}.glass-access-head p{color:#e5efff9c;margin:0;font-size:.83rem}.glass-close{color:#f6fbff;cursor:pointer;width:2.35rem;height:2.35rem;transition:transform .16s var(--press),background .18s var(--ease);background:#ffffff1a;border:1px solid #ffffff29;border-radius:50%;flex:none;place-items:center;display:grid}.glass-close:hover{background:#ffffff2e}.glass-close:active{transform:scale(.93)}.glass-permission-list{gap:.65rem;margin:1.65rem 0;display:grid}.glass-permission-row{background:#ffffff0e;border:1px solid #eff7ff1a;border-radius:1.05rem;grid-template-columns:3.65rem minmax(0,1fr) 3.2rem;align-items:center;gap:.85rem;min-height:4.5rem;padding:.55rem .6rem;display:grid}.glass-permission-icon{color:#e9f4ff;background:linear-gradient(145deg,#ffffff21,#b8d7ff0d);border:1px solid #ffffff1f;border-radius:.85rem;place-items:center;width:3.15rem;height:3.15rem;display:grid;box-shadow:inset 0 1px #ffffff1f}.glass-permission-row b,.glass-permission-row span{display:block}.glass-permission-row b{color:#f7fbff;font-size:.93rem}.glass-permission-row span{color:#e0edff87;margin-top:.18rem;font-size:.73rem}.glass-switch{cursor:pointer;width:3.2rem;height:2rem;transition:background .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease);background:#050f217a;border:1px solid #ffffff29;border-radius:99px;padding:0;position:relative}.glass-switch i{width:1.43rem;height:1.43rem;transition:transform .22s cubic-bezier(.22,.9,.28,1.1),background .2s var(--ease);background:#dce8f6;border-radius:50%;position:absolute;top:.22rem;left:.22rem;box-shadow:0 2px 7px #00050f5c}.glass-switch.on{background:linear-gradient(135deg,#2a9d7d,#48c69e);border-color:#89ffd08c;box-shadow:0 0 1.1rem #41cda033}.glass-switch.on i{background:#fbfffd;transform:translate(1.2rem)}.glass-switch:focus-visible,.glass-close:focus-visible,.glass-continue:focus-visible{outline-offset:3px;outline:3px solid #91ccffd9}.glass-continue{color:#fff;cursor:pointer;width:100%;min-height:3.3rem;transition:transform .16s var(--press),filter .18s var(--ease);background:linear-gradient(105deg,#1647d9,#3977ff 52%,#2459e5);border:1px solid #a7d2ff85;border-radius:.9rem;justify-content:center;align-items:center;gap:.4rem;font-size:.93rem;font-weight:760;display:flex;box-shadow:0 12px 24px #0f3fc559,inset 0 1px #ffffff5c}.glass-continue:hover{filter:brightness(1.08)}.glass-continue:active{transform:scale(.985)}.glass-secure-note{color:#deecff78;justify-content:center;align-items:center;gap:.35rem;margin-top:.85rem;font-size:.68rem;display:flex}.glass-secure-note svg{color:#75d6a8}.market-poster{aspect-ratio:1122/1402;color:#fff;background:#061126;border:1px solid #8bc2ff61;border-radius:1.75rem;width:min(100% - 2rem,35rem);margin:2.25rem auto 4rem;position:relative;overflow:hidden;box-shadow:0 34px 70px #05163740}.market-poster>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.market-poster-shade{background:linear-gradient(#010a1c47,#0000 34%,#01081629 55%,#010816eb 100%);position:absolute;inset:0}.market-poster-copy{z-index:1;position:absolute;bottom:10%;left:9%;right:9%}.market-poster-copy>span{letter-spacing:.1em;color:#b9d9ff;font-size:.7rem;font-weight:750}.market-poster-copy h1{letter-spacing:-.07em;text-wrap:balance;margin:.55rem 0 .65rem;font-size:clamp(2rem,8vw,3.5rem);line-height:1.03}.market-poster-copy h1 small{letter-spacing:.02em;font-size:.47em;font-weight:650}.market-poster-copy p{color:#e8f3ffc2;margin:0;font-size:clamp(.88rem,2.7vw,1.05rem);line-height:1.65}.market-poster-copy>div{flex-wrap:wrap;gap:.45rem;margin-top:1.1rem;display:flex}.market-poster-copy b{background:#ffffff14;border:1px solid #bedcff42;border-radius:999px;padding:.35rem .55rem;font-size:.68rem;font-weight:650}.market-poster footer{z-index:1;color:#deeeffb3;letter-spacing:.08em;border-top:1px solid #d6eaff3b;padding-top:.8rem;font-size:.67rem;position:absolute;bottom:4.5%;left:9%;right:9%}@media (max-width:767px){.skill-intro-card{flex-direction:column;align-items:flex-start}.skill-principles,.skill-platform-grid{grid-template-columns:1fr}.glass-demo-stage{border-radius:1.25rem;min-height:34rem}.glass-demo-stage.compact{min-height:31rem}.glass-access-card{border-radius:1.3rem;padding:1.3rem}.glass-access-head h2{font-size:1.5rem}.glass-permission-row{grid-template-columns:3.15rem minmax(0,1fr) 3rem;gap:.6rem;padding:.5rem}.glass-permission-icon{width:2.7rem;height:2.7rem}.glass-permission-row span{font-size:.69rem}.market-poster{border-radius:1.3rem;width:calc(100% - 1.5rem);margin-top:1.25rem}}@media (prefers-reduced-motion:reduce){.glass-close,.glass-switch,.glass-switch i,.glass-continue{transition:none}}.bookmark-gate{z-index:70;width:min(29rem,100vw - 2rem);max-height:calc(100dvh - 2rem);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.resources-page .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1023px){.resources-page .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.resources-page .resource-grid{grid-template-columns:1fr}}.home-projects .project-flip-grid{grid-template-columns:repeat(3,18.75rem);gap:clamp(1rem,2.5vw,2rem)}.projects-showcase .project-flip-grid{grid-template-columns:repeat(3,minmax(0,22.5rem));gap:clamp(1rem,2vw,1.5rem)}.project-flip-3 .project-flip-cover{color:#795e57;background:#fff9f5}@media (min-width:768px) and (max-width:1099px){.home-projects .project-flip-grid{grid-template-columns:repeat(2,18.75rem)}.projects-showcase .project-flip-grid{grid-template-columns:repeat(2,minmax(0,22.5rem))}.project-flip-grid .project-flip-card:last-child{grid-column:1/-1;justify-self:center;width:min(100%,22.5rem)}}@media (max-width:767px){.home-projects .project-flip-grid,.projects-showcase .project-flip-grid{grid-template-columns:1fr}.project-flip-grid .project-flip-card:last-child{grid-column:auto;width:100%}}.home-projects-heading>a.home-cta,.section-head>a.home-cta{min-height:44px;color:var(--text);letter-spacing:.08em;white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;padding:6px 0;font-size:.875rem;font-weight:650;text-decoration:none;transition:none;display:inline-flex}.home-cta-label{padding:0 2px 6px 0;position:relative}.home-cta-label:after{content:"";transform-origin:100%;background:currentColor;border-radius:1px;height:2px;transition:transform .25s ease-out;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.home-cta svg{flex:none;transition:transform .3s;transform:translate(-7px)}.home-cta:hover .home-cta-label:after,.home-cta:focus-visible .home-cta-label:after{transform-origin:0;transform:scaleX(1)}.home-cta:hover svg,.home-cta:focus-visible svg{transform:translate(0)}.home-cta:active svg{transform:translate(0)scale(.9)}.home-projects-heading>a.home-cta:active{transform:none}.home-cta:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}@media (max-width:767px){.home-projects-heading,.section-head{flex-wrap:wrap;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.home-cta-label:after,.home-cta svg{transition:none}}.home-projects-heading>a.home-cta,.section-head>a.home-cta{gap:.15rem}.home-cta svg{transform:translate(-4px)}.bookmark-page{display:block}.bookmark-page .bookmark-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.bookmark-page .bookmark-card{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1d1d1f;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#fffffffc,#f7f8faf7 58%,#fffffffc);border:1px solid #dce0e6eb;border-radius:1.1rem;flex-direction:column;justify-content:flex-start;align-items:stretch;min-width:0;min-height:15.2rem;padding:1.2rem;transition:transform .24s cubic-bezier(.2,.75,.25,1),border-color .24s,box-shadow .24s;display:flex;box-shadow:0 8px 24px #1d29380f,inset 0 1px #fffffff5}.bookmark-page .bookmark-card:before,.bookmark-page .bookmark-card:after{content:none}.bookmark-page .bookmark-card>*+*{margin-top:0}.bookmark-page .bookmark-card-top{justify-content:space-between;align-items:center;gap:.75rem;min-height:1.1rem;display:flex}.bookmark-page .bookmark-card .bookmark-category{color:#526276;letter-spacing:.015em;font-size:.72rem;font-weight:700}.bookmark-page .bookmark-card .bookmark-stars{color:#68788a;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.32rem;font-size:.75rem;display:inline-flex}.bookmark-page .bookmark-card h2{letter-spacing:-.035em;overflow-wrap:anywhere;margin:.95rem 0 0;font-size:1.22rem;line-height:1.3}.bookmark-page .bookmark-card p{color:#596574;flex:1;margin:.62rem 0 1rem;font-size:.87rem;line-height:1.62}.bookmark-page .bookmark-card-bottom{flex-wrap:wrap;align-items:center;gap:.4rem;padding-right:2.65rem;display:flex;margin-top:auto!important}.bookmark-page .bookmark-topic-tag{color:#5e7590;white-space:nowrap;background:#eff4fae0;border:1px solid #dbe4efc7;border-radius:999px;align-items:center;min-height:1.55rem;padding:.2rem .58rem;font-size:.68rem;line-height:1.2;display:inline-flex}.bookmark-page .bookmark-card:hover{border-color:#87a4c69e;transform:translateY(-3px);box-shadow:0 15px 30px #273b521c,inset 0 1px #fffffffa}.bookmark-page .bookmark-card:active{transition-duration:.1s;transform:scale(.99)}.bookmark-page .bookmark-card h2,.bookmark-page .bookmark-card:hover h2{color:#1d1d1f;text-decoration:none}.bookmark-page .bookmark-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (prefers-reduced-motion:reduce){.bookmark-page .bookmark-card,.bookmark-page .bookmark-card:hover,.bookmark-page .bookmark-card:active{transition:none;transform:none}}.bookmark-page .bookmark-card .bookmark-arrow{color:#58708a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#fffffffa,#edf2f8f5);border:1px solid #fffffff5;border-radius:.8rem;width:2.35rem;height:2.35rem;transition:background .2s,box-shadow .2s,transform .2s;bottom:.8rem;right:.8rem;box-shadow:0 3px 10px #32435714,inset 0 1px #fffffffa}.bookmark-page .bookmark-card:hover .bookmark-arrow{background:linear-gradient(145deg,#fff,#eaf1f8);transform:translate(2px,-2px);box-shadow:0 5px 12px #3243571c,inset 0 1px #fff}@media (max-width:1200px){.bookmark-page .bookmark-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.bookmark-page .bookmark-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.bookmark-page .bookmark-card-grid{grid-template-columns:1fr}.bookmark-page .bookmark-card{min-height:14rem}}@media (prefers-reduced-motion:reduce){.bookmark-page .bookmark-card .bookmark-arrow,.bookmark-page .bookmark-card:hover .bookmark-arrow{transition:none;transform:none}}.projects-intro{justify-content:space-between;align-items:center;gap:1.5rem;min-height:5rem;margin-bottom:1.25rem;display:flex}.projects-intro .signature-shine{margin:0}@media (max-width:767px){.projects-intro{margin-bottom:1rem}}.project-card-main-link{color:inherit;display:block;position:absolute;inset:0}.project-case-card:focus-within{border-color:color-mix(in srgb,var(--accent) 20%,var(--line));transform:scale(1.035);box-shadow:0 14px 34px #0000001f}.project-case-card:focus-within .project-flip-cover{opacity:0;transform:scale(.82)}.project-case-card:focus-within .project-flip-content{transform:rotateX(0)}.project-case-card .project-flip-content{padding-bottom:1.25rem}.project-flip-footer strong{color:var(--accent);font-size:.75rem;font-weight:720}.project-case-card .project-flip-footer{padding-right:7.5rem}.project-case-card .project-flip-footer svg{display:none}.project-card-product-link{z-index:3;border:1px solid var(--line);background:var(--surface);min-height:2rem;color:var(--text);opacity:0;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease),background .2s var(--ease);border-radius:.55rem;align-items:center;gap:.3rem;padding:.3rem .5rem;font-size:.72rem;font-weight:650;display:inline-flex;position:absolute;bottom:.94rem;right:1.15rem;transform:translateY(.3rem)}.project-case-card:is(:hover,:focus-within) .project-card-product-link{opacity:1;pointer-events:auto;transform:none}.project-card-product-link:hover{background:var(--surface-2)}.project-card-main-link:focus-visible,.project-card-product-link:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}@media (hover:none),(max-width:767px){.project-case-card:focus-within{transform:none}.project-case-card:focus-within .project-flip-cover{opacity:1;transform:none}.project-card-product-link{opacity:1;pointer-events:auto;transform:none}.project-case-card .project-flip-content{padding-bottom:1rem}}@media (prefers-reduced-motion:reduce){.project-card-product-link{transition:none}.project-case-card:focus-within .project-flip-cover{display:none}}@media (prefers-reduced-motion:reduce) and (max-width:767px){.project-flip-card:is(:hover,:focus-visible,:focus-within) .project-flip-cover{display:block}}.resource-card-preview.novel-writer-card-preview{color:#54311d;background:#f8f0e4;justify-content:center;align-items:center;padding:0}.resource-card-preview.novel-writer-card-preview:before,.resource-card-preview.novel-writer-card-preview:after{display:none}.resource-card-cover.novel-writer-card-cover{object-fit:contain;box-sizing:border-box;padding:.35rem}.resource-card-preview.novel-writer-card-preview>svg,.resource-card-preview.novel-writer-card-preview>span,.resource-card-preview.novel-writer-card-preview .resource-fullscreen{display:none}section.unlock-panel{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:17px;padding:24px;scroll-margin-top:150px;box-shadow:0 8px 28px #1d1d1f09}.unlock-heading{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.unlock-heading>svg{color:var(--accent);flex:none;margin-top:3px}.unlock-heading h2{letter-spacing:-.025em;line-height:1.4;margin:0!important;font-size:20px!important}.unlock-heading p{color:var(--muted);margin:6px 0 0!important;font-size:13px!important;line-height:1.8!important}.unlock-panel .redeem-box.compact{box-shadow:none;background:0 0;border:0;max-width:none;margin:0;padding:0}.unlock-panel .redeem-title{display:none}.unlock-panel form{margin:0}.unlock-panel form>label{text-align:left;margin:0 0 8px;font-size:12px;display:block}.unlock-panel .input-action{align-items:stretch;gap:10px;display:flex}.unlock-panel .input-action input{border:1px solid var(--line);background:var(--bg);width:0;min-width:0;min-height:46px;color:var(--text);border-radius:10px;flex:1;padding:12px;font-size:14px}.unlock-panel .input-action .button{white-space:nowrap;flex:none;min-width:108px;min-height:46px;padding:10px 16px;font-size:13px}.unlock-panel .form-error{margin:10px 0 0;font-size:12px}.unlock-panel .redeem-preview{background:var(--accent-soft);border-radius:12px;margin-top:18px;padding:18px}.unlock-panel .redeem-preview h3{margin:8px 0;font-size:18px}.unlock-panel .redeem-preview p{font-size:13px;line-height:1.8}.unlock-panel .redeem-preview>span{color:var(--accent);font-size:11px}.unlock-panel .result-panel{margin:0}.unlock-panel .result-panel h3{margin-top:0}@media (max-width:600px){section.unlock-panel{padding:20px;scroll-margin-top:210px}.unlock-panel .input-action{flex-direction:column}.unlock-panel .input-action input,.unlock-panel .input-action .button{width:100%}.unlock-heading h2{font-size:18px!important}}.locked-outline{margin-top:36px}.locked-outline h2{font-size:22px}.locked-outline ol{padding-left:24px;list-style:decimal}.locked-outline li{color:var(--muted);padding:10px 4px;scroll-margin-top:150px;font-size:14px;line-height:1.8}@media (max-width:600px){.locked-outline li{scroll-margin-top:160px}}