#personal-hub{--gold: var(--color-gold);--bg: var(--color-bg-deep);--surface: var(--color-bg-elevated);--ink: var(--color-black);--text: var(--color-text);--muted: var(--color-text-muted);--line: var(--color-border-strong);color-scheme:dark;background-color:var(--bg);background-image:radial-gradient(#28251a 1px,transparent 1px);background-size:22px 22px;color:var(--text);padding:24px;font:16px/1.6 var(--font-body)}#personal-hub *{box-sizing:border-box;min-width:0}#personal-hub h1,#personal-hub h2,#personal-hub p{margin:0}#personal-hub a{color:inherit;text-decoration:none}#personal-hub a:hover{text-decoration:underline;text-underline-offset:4px}#personal-hub a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}#personal-hub .writing a:focus-visible{outline-color:var(--ink)}#personal-hub .header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:24px 28px;border:3px solid var(--gold);background:var(--bg);box-shadow:var(--shadow-hard);margin-bottom:14px}#personal-hub h1{font:italic clamp(30px,5vw,56px)/1.15 var(--font-display);color:var(--gold);letter-spacing:-1.2px}#personal-hub .motto{margin-top:7px;font-style:italic}#personal-hub .intro{color:var(--muted);margin-top:8px;max-width:55ch}#personal-hub .about-links{display:flex;gap:20px;flex-wrap:wrap}#personal-hub .about-links a{min-height:44px;display:flex;align-items:center}#personal-hub .traces{background:#191919;border:1px solid var(--line);display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:8px 14px;margin-bottom:18px}#personal-hub .traces-title{color:var(--gold);font-weight:700;min-height:44px;display:flex;align-items:center;gap:10px}#personal-hub .traces-title span{color:var(--muted);font-size:14px;font-weight:400}#personal-hub .traces-message{flex:1 1 220px;color:var(--muted);font:14px/1.6 var(--font-mono)}#personal-hub .sign{background:var(--gold);color:var(--ink);padding:8px 16px;min-height:44px;font-weight:700;display:flex;align-items:center}#personal-hub .sign:focus-visible{outline-color:var(--text)}#personal-hub .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;grid-auto-rows:auto}#personal-hub .tile{animation:none;position:relative;background:var(--surface);border:2px solid var(--line);box-shadow:var(--shadow-hard)}#personal-hub .tile:after{content:"";position:absolute;bottom:-1px;right:-1px;width:16px;height:16px;background:var(--bg);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}#personal-hub .tile h2{color:inherit;font:italic 27px/1.25 var(--font-display)}#personal-hub .chip{display:inline-flex;align-self:flex-start;padding:4px 14px 4px 9px;background:var(--gold);color:var(--ink);font:700 13px/1.5 var(--font-body);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}#personal-hub .tile-intro{margin:10px 0 18px}#personal-hub .tile-intro p{color:var(--muted);margin-top:5px;font-size:15px}#personal-hub .writing{grid-column:span 5;background:var(--gold);color:var(--ink);border-color:var(--gold);padding:24px;display:flex;flex-direction:column}#personal-hub .writing .chip{background:var(--ink);color:var(--gold)}#personal-hub .writing .tile-intro p{color:var(--ink)}#personal-hub .post{display:block;padding:14px 0;border-top:1px solid #958721;font-size:17px;font-weight:700;line-height:1.4}#personal-hub .post time{display:block;margin-top:5px;font-size:14px;font-weight:400}#personal-hub .go{display:inline-flex;min-height:44px;align-items:center;font-weight:700;margin-top:auto;padding-top:12px;align-self:flex-start}#personal-hub .video{grid-column:span 7;display:flex;flex-direction:column}#personal-hub .video-art{display:block;position:relative;background:var(--gold)}#personal-hub .video-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}#personal-hub .video-art .chip{position:absolute;top:12px;left:12px}#personal-hub .video-caption{padding:16px 22px;background:var(--surface);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}#personal-hub .video-caption h2{font-size:25px}#personal-hub .video-caption p{color:var(--muted);font-size:15px;margin-top:4px}#personal-hub .video-caption a{color:var(--gold);min-height:44px;display:inline-flex;align-items:center;font-weight:700}#personal-hub .projects{display:flex;flex-direction:column;grid-column:span 7;padding:24px;overflow:hidden}#personal-hub .projects .tile-intro{position:relative;z-index:1}#personal-hub .project-list{display:flex;flex-direction:column;flex:1;position:relative;z-index:1}#personal-hub .project{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:11px 0;min-height:68px}#personal-hub .project img{width:46px;height:46px;object-fit:contain;flex-shrink:0}#personal-hub .project strong{display:block;font-size:18px}#personal-hub .project span{color:var(--muted);display:block;font-size:14px}#personal-hub .project-emblem{position:absolute;right:-10px;top:35px;width:225px;height:225px;object-fit:contain;opacity:.1;transform:rotate(12deg);pointer-events:none}#personal-hub .novel{grid-column:span 5;padding:24px;display:flex;flex-direction:column;background:#111719}#personal-hub .rain-field{position:absolute;inset:0;overflow:hidden;pointer-events:none}#personal-hub .rain-field i{position:absolute;width:1px;height:65px;background:#57605a;transform:rotate(14deg);opacity:.25}#personal-hub .rain-field i:nth-child(1){left:12%;top:10%}#personal-hub .rain-field i:nth-child(2){left:25%;top:67%;height:85px}#personal-hub .rain-field i:nth-child(3){left:47%;top:5%;height:110px}#personal-hub .rain-field i:nth-child(4){left:68%;top:40%}#personal-hub .rain-field i:nth-child(5){left:88%;top:4%;height:120px}#personal-hub .rain-field i:nth-child(6){left:91%;top:76%}#personal-hub .novel:before{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,#1d2625);pointer-events:none}#personal-hub .novel>:not(.rain-field){position:relative;z-index:1}#personal-hub .novel .premise{margin:8px 0 20px;max-width:34ch}#personal-hub .novel .go{color:var(--gold)}#personal-hub .novel .draft{color:var(--muted);font-size:14px;border-top:1px solid var(--line);padding-top:12px}#personal-hub .shelf{grid-column:span 8;display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:20px;padding:22px}#personal-hub .shelf h2{margin-top:10px}#personal-hub .shelf p{color:var(--muted);font-size:15px;margin-top:7px}#personal-hub .posters{height:125px;display:flex;gap:8px;align-items:center;overflow:hidden;padding:8px}#personal-hub .posters img{height:110px;width:76px;object-fit:cover;flex-shrink:0;border:2px solid #b3a249;transform:rotate(-5deg)}#personal-hub .posters img:nth-child(2n){transform:rotate(5deg) translateY(3px)}#personal-hub .now{grid-column:span 4;padding:22px;border-color:var(--gold)}#personal-hub .now h2{margin:10px 0 7px}#personal-hub .now p{color:var(--muted);font-size:15px}#personal-hub .footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:18px}#personal-hub .footer nav{display:flex;flex-wrap:wrap;gap:20px}#personal-hub .footer a{min-height:44px;display:flex;align-items:center;color:var(--muted);font-size:14px}@media(max-width:700px){#personal-hub{padding:16px}#personal-hub .header{padding:18px}#personal-hub h1{font-size:29px}#personal-hub .grid{grid-template-columns:minmax(0,1fr)}#personal-hub .grid>*{grid-column:auto}#personal-hub .writing,#personal-hub .projects,#personal-hub .novel{padding:22px}#personal-hub .video-art img{height:auto;aspect-ratio:16/9}#personal-hub .tile h2{font-size:25px}#personal-hub .traces-message{flex-basis:100%}#personal-hub .shelf{grid-template-columns:minmax(0,1fr);gap:10px}#personal-hub .posters{padding:8px 0}}#personal-hub{max-width:1280px;margin:auto;overflow-wrap:anywhere}#personal-hub .novel a:focus-visible{outline-color:var(--gold)}#personal-hub .video-actions{display:flex;gap:20px;flex-wrap:wrap}#personal-hub .video-caption{flex:1;align-content:start}#personal-hub .video-caption p{max-width:55ch}#personal-hub .premise{max-width:42ch}#personal-hub .post time{color:inherit}#personal-hub .traces-message{font-family:var(--font-body)}html.has-custom-cursor:has(#personal-hub),html.has-custom-cursor:has(#personal-hub) *{cursor:auto!important}html.has-custom-cursor:has(#personal-hub) a{cursor:pointer!important}html:has(#personal-hub) #cursor{display:none}#personal-hub :is(.tile,.traces){transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}#personal-hub :is(.tile,.traces):is(:focus-visible,:has(:focus-visible)){transform:translateY(-3px);border-color:var(--gold);box-shadow:var(--shadow-hard-hover)}#personal-hub .tile:is(:focus-visible,:has(:focus-visible)):after{background:var(--gold)}#personal-hub .writing:is(:focus-visible,:has(:focus-visible)){border-color:var(--ink)}#personal-hub .writing:is(:focus-visible,:has(:focus-visible)):after{background:var(--ink)}@media(hover:hover)and (pointer:fine){#personal-hub :is(.tile,.traces):hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:var(--shadow-hard-hover)}#personal-hub .tile:hover:after{background:var(--gold)}#personal-hub .writing:hover{border-color:var(--ink)}#personal-hub .writing:hover:after{background:var(--ink)}}@media(prefers-reduced-motion:reduce){#personal-hub :is(.tile,.traces){transition:none;transform:none!important}}