:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7fb;--bg-deep:#e8edf8;--paper:#ffffffc2;--paper-strong:#ffffffeb;--ink:#101725;--muted:#657084;--soft:#f5f7fbc7;--line:#919eb442;--line-strong:#626f8657;--accent:#2563eb;--accent-2:#06b6d4;--accent-3:#a3e635;--accent-weak:#2563eb1a;--danger:#e5484d;--danger-weak:#e5484d1a;--code-bg:#2563eb14;--radius:28px;--radius-sm:18px;--shadow:0 22px 70px #27325321;--shadow-soft:0 12px 38px #2732531a;--blur:blur(22px) saturate(145%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:SF Pro Display,SF Pro Text,Noto Sans SC,Microsoft YaHei,PingFang SC,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a12;--bg-deep:#111827;--paper:#111827ad;--paper-strong:#171f2edb;--ink:#f7f9ff;--muted:#a8b1c4;--soft:#1e293bb3;--line:#e2e8f024;--line-strong:#e2e8f03d;--accent:#7dd3fc;--accent-2:#60a5fa;--accent-3:#bef264;--accent-weak:#7dd3fc21;--danger:#fb7185;--danger-weak:#fb71851f;--code-bg:#7dd3fc1a;--shadow:0 24px 80px #00000061;--shadow-soft:0 16px 48px #00000047}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 12% 8%, #60a5fa4d, transparent 32rem), radial-gradient(circle at 86% 6%, #22d3ee38, transparent 28rem), linear-gradient(135deg, var(--bg), var(--bg-deep));margin:0;overflow-x:hidden}body:before{z-index:-2;pointer-events:none;content:"";background-image:linear-gradient(#78849c14 1px,#0000 1px),linear-gradient(90deg,#78849c14 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 78%);mask-image:linear-gradient(#000 0%,#0000 78%)}body:after{z-index:-1;filter:blur(10px);pointer-events:none;content:"";background:radial-gradient(circle,#a3e6352e,#0000 62%);border-radius:999px;width:58vw;min-width:420px;height:58vw;min-height:420px;position:fixed;inset:auto -18vw -36vh auto}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}code{border:1px solid var(--line);background:var(--code-bg);color:var(--ink);border-radius:999px;padding:.12rem .42rem;font-family:SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:.9em}.site-shell{width:min(1160px,100% - 40px);margin:0 auto;padding:22px 0 72px}.topbar{z-index:10;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:999px;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;display:flex;position:sticky;top:14px}.brand,.nav-links,.hero-actions,.github-link,.nav-github{align-items:center;display:flex}.brand{letter-spacing:-.02em;gap:10px;padding-right:8px;font-size:1.02rem;font-weight:780}.brand-icon{object-fit:cover;border-radius:12px;width:34px;height:34px;display:block;box-shadow:0 10px 20px #2563eb38}.nav-links{color:var(--muted);gap:3px;font-size:.93rem;font-weight:680}.nav-links a{border-radius:999px;min-height:38px;padding:9px 13px;transition:color .18s,background .18s,transform .18s}.nav-links a:hover,.nav-links a:focus-visible{color:var(--ink);background:var(--accent-weak);outline:none;transform:translateY(-1px)}.nav-github{gap:7px}.nav-github svg,.github-link svg{flex:none;width:18px;height:18px}.hero{grid-template-columns:minmax(0,1.08fr) minmax(340px,.78fr);align-items:center;gap:clamp(28px,6vw,70px);padding:clamp(58px,8vw,96px) 0 clamp(42px,6vw,72px);display:grid}.hero-copy{max-width:760px;animation:.62s both rise-in}.section-label{border:1px solid var(--line);width:fit-content;color:var(--accent);background:var(--paper);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;margin:0 0 14px;padding:7px 11px;font-size:.76rem;font-weight:800;box-shadow:0 8px 24px #2563eb14}h1,h2,h3,h4,p,dl,dd{margin-top:0}h1{letter-spacing:-.075em;max-width:760px;margin-bottom:22px;font-size:clamp(3rem,7.5vw,6.8rem);font-weight:860;line-height:.96}h2{letter-spacing:-.045em;margin-bottom:14px;font-size:clamp(1.75rem,3.5vw,3rem);font-weight:820;line-height:1.06}h3{letter-spacing:-.035em;margin-bottom:12px;font-size:clamp(1.32rem,2.2vw,1.92rem);line-height:1.16}h4{letter-spacing:-.01em;margin-bottom:14px;font-size:.98rem}.hero-text,.section-heading p,.skill-title p,.guestbook-intro p{color:var(--muted);font-size:1.05rem;line-height:1.86}.hero-text{max-width:710px;margin-bottom:30px}.hero-actions{flex-wrap:wrap;gap:12px}.button,.github-link{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-height:46px;font-weight:780;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;display:inline-flex}.button{padding:0 18px}.button.primary,.form-footer button,.comment-form button,.like-button,.admin-access-form button,.admin-actions button{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);border-color:#0000;box-shadow:0 16px 32px #2563eb38}.button.secondary,.github-link{color:var(--ink);background:var(--paper-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.button:hover,.button:focus-visible,.github-link:hover,.github-link:focus-visible,button:hover:not(:disabled),button:focus-visible:not(:disabled){border-color:var(--line-strong);box-shadow:var(--shadow-soft);outline:none;transform:translateY(-2px)}.hero-visual{min-height:430px;animation:.76s .1s both rise-in;position:relative}.orb{filter:blur(4px);border-radius:999px;position:absolute}.orb-a{background:radial-gradient(circle,#22d3ee73,#0000 68%);width:180px;height:180px;top:6%;right:6%}.orb-b{background:radial-gradient(circle,#2563eb52,#0000 70%);width:230px;height:230px;bottom:7%;left:0}.dashboard-card{box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:linear-gradient(145deg,#ffffffd1,#ffffff7a);border:1px solid #ffffff80;border-radius:34px}@media (prefers-color-scheme:dark){.dashboard-card{background:linear-gradient(145deg,#1e293bd1,#0f172a75);border-color:#ffffff1f}}.hero-panel{z-index:1;gap:24px;margin-top:22px;padding:28px;display:grid;position:relative;transform:rotate(1.6deg)}.panel-topline{color:var(--muted);justify-content:space-between;gap:18px;font-size:.86rem;font-weight:760;display:flex}.panel-topline span:last-child{color:var(--accent)}.panel-meter{background:var(--soft);border-radius:999px;height:16px;padding:3px;overflow:hidden}.panel-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3));height:100%;display:block}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.panel-grid span,.floating-card{border:1px solid var(--line);background:var(--paper-strong);border-radius:20px}.panel-grid span{min-height:86px;color:var(--ink);padding:16px;font-weight:780}.floating-card{z-index:2;gap:8px;width:min(260px,72%);padding:18px;display:grid;position:absolute;bottom:36px;right:4px;transform:rotate(-4deg)}.floating-card span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:820}.floating-card strong{font-size:1.24rem;line-height:1.25}.section{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);margin-top:26px;padding:clamp(22px,4vw,42px)}.section-heading{max-width:840px;margin-bottom:28px}.skills-list,.guestbook-list,.admin-message-list{gap:18px;display:grid}.skill-record{border:1px solid var(--line);border-radius:calc(var(--radius) - 6px);background:linear-gradient(145deg, var(--paper-strong), #fff6);grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:26px;padding:clamp(20px,3.2vw,30px);transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 16px 44px #27325314}@media (prefers-color-scheme:dark){.skill-record{background:linear-gradient(145deg,#1e293bd1,#0f172a61)}}.skill-record:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-3px)}.skill-main,.skill-details{min-width:0}.skill-title{margin-bottom:22px}.skill-note{border:1px solid var(--line);width:fit-content;color:var(--accent);background:var(--accent-weak);border-radius:999px;margin-bottom:13px;padding:7px 11px;font-size:.9rem;font-weight:760;line-height:1.4;display:inline-flex}.meta-list{border-top:1px solid var(--line);gap:0;margin:0 0 20px;display:grid}.meta-list div{border-bottom:1px solid var(--line);grid-template-columns:92px minmax(0,1fr);gap:14px;padding:13px 0;display:grid}.meta-list dt{color:var(--muted);font-size:.9rem}.meta-list dd{color:var(--ink);margin-left:0;line-height:1.55}.link-row{padding-top:2px}.github-link{gap:8px;width:fit-content;min-height:42px;padding:0 15px}.skill-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.skill-details>div{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--soft);min-width:0;padding:18px}.guestbook-section{margin-top:30px}.guestbook-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:start;gap:28px;display:grid}.guestbook-form,.submit-skill-form,.comments-panel,.admin-access-form,.admin-message,.admin-submission,.admin-comment,.guestbook-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-strong);box-shadow:0 12px 34px #27325314}.guestbook-form{gap:16px;padding:20px;display:grid}.submit-skill-section{margin-top:42px}.submit-skill-layout{grid-template-columns:minmax(0,.9fr) minmax(320px,.82fr);align-items:start;gap:28px;display:grid}.submit-skill-form{gap:16px;padding:20px;display:grid}.guestbook-field{gap:8px;display:grid}.guestbook-form label,.guestbook-field label,.admin-access-form label{color:var(--ink);font-weight:760}textarea,input{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--soft);font:inherit;border-radius:16px;transition:border-color .16s,box-shadow .16s,background .16s}textarea{resize:vertical;min-height:128px;padding:13px 14px}input{min-height:42px;padding:0 13px}textarea:focus,input:focus{border-color:var(--accent);background:var(--paper-strong);box-shadow:0 0 0 4px var(--accent-weak);outline:none}button{cursor:pointer;font:inherit;transition:box-shadow .18s,transform .18s,opacity .18s}button:disabled{cursor:not-allowed;opacity:.56}.form-footer,.guestbook-card-head,.comment-tools,.comment-form,.admin-access-form,.admin-message-head,.admin-meta,.admin-actions{align-items:center;display:flex}.form-footer,.guestbook-card-head,.admin-message-head{justify-content:space-between;gap:14px}.form-footer span,.guestbook-card time,.comment-item time,.guestbook-status,.admin-meta,.admin-comment time{color:var(--muted);font-size:.88rem}.form-footer button,.comment-form button,.like-button,.admin-access-form button,.admin-actions button{border:0;border-radius:999px;min-height:40px;font-weight:760}.form-footer button,.comment-form button,.admin-access-form button,.admin-actions button{padding:0 15px}.guestbook-status{border:1px solid var(--line);background:var(--soft);border-radius:999px;margin-top:22px;padding:14px 16px}.submission-status{border:1px solid var(--line);color:var(--muted);background:var(--soft);border-radius:16px;margin:0;padding:13px 15px;line-height:1.55}.submission-status-success{color:var(--accent);background:var(--accent-weak)}.submission-status-error{color:var(--danger);background:var(--danger-weak)}.guestbook-list,.admin-message-list{margin-top:18px}.guestbook-card{padding:18px}.guestbook-card-head>div,.admin-message-head>div{gap:4px;display:grid}.guestbook-card strong{font-size:.98rem}.like-button{align-items:center;gap:7px;padding:0 13px;display:inline-flex}.guestbook-message{color:var(--ink);margin:14px 0 16px;font-size:1.05rem;line-height:1.72}.comment-tools{justify-content:flex-start}.comment-toggle{color:var(--accent);background:0 0;border:0;padding:0;font-weight:760}.comments-panel{background:var(--soft);gap:14px;margin-top:14px;padding:14px;display:grid}.comment-list{gap:9px}.comment-item{border-bottom:1px solid var(--line);gap:3px;padding:10px 0 10px 14px;display:grid}.comment-item:before{top:1.15em}.comment-item span{color:var(--ink);font-weight:720}.comment-item p,.empty-note{color:var(--muted);margin:0;line-height:1.6}.comment-form{grid-template-columns:minmax(110px,.34fr) minmax(180px,1fr) auto;gap:10px;display:grid}.comment-form input{min-width:0}.admin-section{margin-top:32px}.admin-access-form{gap:10px;padding:16px}.admin-access-form label{flex:none}.admin-message{gap:12px;padding:18px;display:grid}.admin-message-hidden,.admin-comment-hidden{opacity:.76}.admin-message-hidden>p,.admin-comment-hidden>p{color:var(--muted)}.admin-status{color:var(--accent);background:var(--accent-weak);border-radius:999px;padding:5px 10px;font-size:.84rem;font-weight:760}.admin-meta,.admin-actions{flex-wrap:wrap;gap:10px}.admin-actions .danger-button{background:linear-gradient(135deg, var(--danger), #f97316);box-shadow:0 16px 32px #e5484d33}.admin-comments{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.admin-review-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);gap:16px;margin-top:22px;padding:18px;display:grid}.admin-review-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-review-head h2{margin-bottom:0}.admin-review-head a,.admin-submission a{color:var(--accent);font-weight:760}.admin-submission-list{gap:12px;display:grid}.admin-submission{gap:12px;padding:16px;display:grid}.admin-submission-accepted{border-color:#22c55e57}.admin-comment{background:var(--soft);gap:8px;padding:12px;display:grid}.admin-comment>div:first-child{justify-content:space-between;gap:12px;display:flex}.admin-comment span{color:var(--muted);font-size:.86rem}ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}li{color:var(--muted);padding-left:16px;line-height:1.68;position:relative}li:before{background:linear-gradient(135deg, var(--accent), var(--accent-2));content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:.78em;left:0}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:900px){.hero,.skill-record,.submit-skill-layout,.guestbook-layout{grid-template-columns:1fr}.hero-visual{min-height:330px}.hero-panel{margin-top:0}.skill-details{grid-template-columns:1fr}}@media (max-width:680px){.site-shell{width:min(100% - 24px,1160px);padding-top:10px}.topbar{border-radius:24px;flex-direction:column;align-items:flex-start;position:static}.nav-links{flex-wrap:wrap;width:100%}.nav-links a{padding:8px 10px}.hero{padding-top:44px}h1{letter-spacing:-.06em}.hero-actions,.button{width:100%}.hero-visual{min-height:280px}.hero-panel{border-radius:28px;padding:20px}.panel-grid span{min-height:72px}.floating-card{bottom:8px;right:0}.meta-list div{grid-template-columns:1fr;gap:5px}.comment-form,.admin-access-form{grid-template-columns:1fr}.form-footer,.admin-access-form{flex-direction:column;align-items:stretch}.form-footer button,.comment-form button,.admin-access-form button,.admin-actions button{width:100%}}