:root{--bg:#e7ebf3;--bg-alt:#fff;--surface:#fff;--surface-2:#dee4f0;--text:#0b1220;--text-muted:#3a4256;--text-soft:#6b7288;--border:#c7cede;--accent:#2f6fed;--accent-strong:#1d4fc4;--accent-soft:#2f6fed1c;--cyber:#0e9e70;--cyber-soft:#0e9e701c;--on-accent:#fff;--shadow:#0b122024;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}html[data-theme=dark]{--bg:#06080d;--bg-alt:#0c111c;--surface:#161e30;--surface-2:#202a44;--text:#f4f6fb;--text-muted:#c0c6d6;--text-soft:#8891a6;--border:#34405c;--accent:#7ba0ff;--accent-strong:#9dbcff;--accent-soft:#7ba0ff29;--cyber:#38efb0;--cyber-soft:#38efb024;--on-accent:#06080d;--shadow:#00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}.about-grid,.contact-grid,.about-grid>*,.contact-grid>*{min-width:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;transition:background .25s,color .25s;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}::selection{background:var(--accent-soft);color:var(--accent-strong)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}#trail-rail{z-index:850;justify-content:center;width:20px;height:46vh;display:flex;position:fixed;top:50%;left:10px;transform:translateY(-50%)}.rail-track{background:var(--border);border-radius:2px;width:2px;height:100%;position:relative}.rail-fill{background:linear-gradient(var(--accent), var(--cyber));border-radius:2px;width:100%;height:0%;position:absolute;top:0;left:0}.rail-music-btn{background:var(--accent);cursor:pointer;width:30px;height:30px;color:var(--on-accent);box-shadow:0 3px 10px var(--shadow);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:top 50ms linear,box-shadow .2s;display:flex;position:absolute;top:0%;left:50%;transform:translate(-50%,-50%)}.rail-music-btn.playing{box-shadow:0 0 0 4px var(--accent-soft), 0 3px 10px var(--shadow);animation:1.4s ease-in-out infinite railPulse}@keyframes railPulse{0%,to{box-shadow:0 0 0 3px var(--accent-soft), 0 3px 10px var(--shadow)}50%{box-shadow:0 0 0 7px transparent, 0 3px 10px var(--shadow)}}@media (max-width:768px){#trail-rail{height:38vh;left:6px}.rail-music-btn{width:26px;height:26px;font-size:.7rem}}nav{z-index:900;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 14px var(--shadow);justify-content:space-between;align-items:center;height:64px;padding:0 2.5rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-mono);color:var(--text);letter-spacing:.02em;font-size:.95rem;font-weight:500;text-decoration:none}.nav-logo .bracket{color:var(--text-soft);font-size:.75rem}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-actions{align-items:center;gap:.9rem;display:flex}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--text);width:24px;height:2px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--surface);z-index:800;border:1px solid var(--border);width:min(280px,100vw - 3rem);box-shadow:0 12px 32px var(--shadow);border-radius:10px;flex-direction:column;padding:1rem 1.25rem;display:none;position:fixed;top:64px;right:1.5rem}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--text);border-bottom:1px solid var(--border);padding:.65rem .25rem;font-size:1rem;font-weight:500;text-decoration:none}.mobile-menu a:last-of-type{border-bottom:none}.mobile-menu a:hover{color:var(--accent)}.menu-sub{border-top:1px solid var(--border);color:var(--text-soft);font-size:.7rem;font-family:var(--font-mono);margin-top:.75rem;padding-top:.75rem}#hero{background:var(--bg-alt);border-bottom:1px solid var(--border);align-items:center;min-height:92vh;padding:64px 2.5rem 3rem;display:flex}.hero-inner{flex-direction:column;align-items:flex-start;gap:0;width:100%;max-width:640px;margin:0 auto;display:flex}.hero-eyebrow{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;background:var(--accent-soft);border:1px solid var(--accent-soft);align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.3rem .7rem;font-size:.72rem;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:1}50%{opacity:.3}}.hero-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:clamp(1.15rem,1.8vw,1.6rem);font-weight:600;line-height:1.2}.typing-line{display:block;position:relative}.typing-measure{visibility:hidden;white-space:nowrap}.typing-text{white-space:nowrap;position:absolute;top:0;left:0}.typing-cursor{vertical-align:-.08em;background:currentColor;width:3px;height:.85em;margin-left:2px;animation:1s step-end infinite caretBlink;display:inline-block}.typing-cursor.is-finished{animation-duration:1.1s}@keyframes caretBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}.hero-role{letter-spacing:-.02em;color:var(--accent);margin-top:.3rem;font-size:clamp(2.2rem,4.2vw,3.6rem);font-weight:700;line-height:1.05;display:block}.hero-desc{color:var(--text-muted);max-width:500px;margin:1.6rem 0 2rem;font-size:1.02rem;font-weight:300;line-height:1.7}.hero-desc strong{color:var(--text);font-weight:600}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.btn-solid{background:var(--accent);color:var(--on-accent);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;padding:.8rem 1.7rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-block}.btn-solid:hover{background:var(--accent-strong);transform:translateY(-1px)}.btn-ghost{color:var(--text);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);background:0 0;border-radius:6px;padding:.8rem 1.7rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:border-color .2s,transform .2s;display:inline-block}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.hero-meta{font-family:var(--font-mono);color:var(--text-soft);letter-spacing:.02em;margin-top:1.8rem;font-size:.7rem}.hero-meta .dot{margin:0 .5rem}.hero-photo-frame{aspect-ratio:3/4;border:1px solid var(--border);width:100%;max-width:300px;box-shadow:0 20px 50px var(--shadow);border-radius:14px;position:relative;overflow:hidden}.hero-photo{object-fit:cover;object-position:60% 30%;width:100%;height:100%}.hero-photo-tag{font-family:var(--font-mono);letter-spacing:.08em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0d168c;border-radius:4px;padding:.3rem .6rem;font-size:.6rem;position:absolute;bottom:.9rem;left:.9rem}.ticker-block{background:var(--bg);border-bottom:1px solid var(--border);padding:.6rem 0}.ticker-row{white-space:nowrap;padding:.4rem 0;overflow:hidden}.ticker-track{gap:2rem;display:inline-flex}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.ticker-row[data-dir=left] span{font-family:var(--font-mono);color:var(--text-soft);letter-spacing:.04em;font-size:.72rem}.ticker-row[data-dir=right] a{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;font-size:.72rem;text-decoration:none}.ticker-row[data-dir=right] a:hover{color:var(--accent-strong)}.section-wrap{max-width:1200px;margin:0 auto;padding:5.5rem 2.5rem}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:3rem;display:flex}.section-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:700;line-height:1.05}.section-title span{color:var(--accent)}.section-kicker{font-family:var(--font-mono);color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.6rem;font-size:.68rem;display:inline-block}.scroll-hint{font-family:var(--font-mono);color:var(--text-soft);letter-spacing:.08em;font-size:.65rem}#about{background:var(--bg-alt);border-bottom:1px solid var(--border)}.about-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:4rem;display:grid}.about-text p{color:var(--text-muted);margin-bottom:1.1rem;font-size:.95rem;font-weight:300;line-height:1.8}.about-text p strong{color:var(--text);font-weight:600}.about-tags{flex-wrap:wrap;gap:.5rem;margin-top:1.3rem;display:flex}.about-tag{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.04em;border-radius:5px;padding:.35rem .7rem;font-size:.65rem}.facts-scroll{-webkit-overflow-scrolling:touch;gap:.9rem;padding:.3rem .1rem 1rem;display:flex;overflow-x:auto}.facts-scroll::-webkit-scrollbar{height:6px}.facts-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.fact-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex:0 0 200px;padding:1.2rem 1.1rem}.fact-label{font-family:var(--font-mono);color:var(--text-soft);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.6rem}.fact-value{color:var(--text);font-size:.92rem;font-weight:500;line-height:1.4}#skills{background:var(--bg)}.skills-grid{background:var(--border);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.skill-item{background:var(--surface);flex-direction:column;gap:.6rem;padding:1.1rem 1.2rem;transition:background .2s;display:flex}.skill-item:hover{background:var(--accent-soft)}.skill-item-head{align-items:center;gap:.55rem;display:flex}.skill-item-icon{font-size:1.15rem;line-height:1}.skill-item-name{color:var(--text);font-size:.82rem;font-weight:600}.skill-chips{flex-wrap:wrap;gap:.3rem;display:flex}.chip{font-family:var(--font-mono);background:var(--surface-2);color:var(--text-muted);letter-spacing:.03em;border:1px solid var(--border);border-radius:4px;padding:.2rem .45rem;font-size:.58rem}.chip.cyber{background:var(--cyber-soft);color:var(--cyber);border-color:var(--cyber-soft)}.chip.accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}#experience{background:var(--bg-alt);border-bottom:1px solid var(--border)}.exp-row{border-top:1px solid var(--border);grid-template-columns:130px 1fr;gap:2rem;padding:1.6rem 0;display:grid}.exp-period{font-family:var(--font-mono);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;padding-top:.2rem;font-size:.7rem}.exp-role{font-family:var(--font-display);color:var(--text);margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.exp-org{font-family:var(--font-mono);color:var(--text-soft);margin-bottom:.6rem;font-size:.72rem}.exp-desc{color:var(--text-muted);max-width:640px;font-size:.88rem;line-height:1.7}#projects{background:var(--bg)}.projects-scroll{-webkit-overflow-scrolling:touch;gap:1.2rem;padding:.3rem .1rem 1.2rem;display:flex;overflow-x:auto}.projects-scroll::-webkit-scrollbar{height:6px}.projects-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:0 0 300px;gap:.6rem;padding:1.5rem;display:flex}.project-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:4px;align-self:flex-start;padding:.2rem .55rem;font-size:.55rem}.project-badge.saas{color:var(--accent);background:var(--accent-soft)}.project-badge.ai{color:#c07a00;background:#c07a0017}.project-badge.full{color:var(--cyber);background:var(--cyber-soft)}.project-icon{font-size:1.8rem}.project-title{font-family:var(--font-display);color:var(--text);font-size:1.15rem;font-weight:700}.project-desc{color:var(--text-muted);flex-grow:1;font-size:.82rem;line-height:1.6}.project-stack{flex-wrap:wrap;gap:.3rem;display:flex}.project-stack span{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:.18rem .45rem;font-size:.58rem}.project-links{margin-top:.4rem}.project-links a{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-muted);border-radius:5px;padding:.4rem .8rem;font-size:.68rem;text-decoration:none;transition:all .15s;display:inline-block}.project-links a.live{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.project-links a.live:hover{background:var(--accent-strong)}.project-links a.code:hover{border-color:var(--accent);color:var(--accent)}#resume{background:var(--bg-alt);border-bottom:1px solid var(--border)}.resume-actions{flex-wrap:wrap;gap:.8rem;display:flex}.resume-hint{color:var(--text-muted);max-width:420px;margin-top:.6rem;font-size:.85rem}#contact{background:var(--bg)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.contact-intro{color:var(--text-muted);margin-bottom:1.6rem;font-size:.95rem;font-weight:300;line-height:1.8}.contact-email-link{font-family:var(--font-display);color:var(--accent);word-break:break-all;margin-bottom:1.8rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:block}.contact-email-link:hover{text-decoration:underline}.contact-socials{flex-direction:column;display:flex}.social-row{color:var(--text-muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.7rem 0;font-size:.85rem;text-decoration:none;transition:color .2s;display:flex}.social-row:hover{color:var(--accent)}.social-row span{font-family:var(--font-mono);color:var(--text-soft);font-size:.72rem}.contact-form-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2.2rem}.form-row label{font-family:var(--font-mono);color:var(--text-soft);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem;font-size:.62rem;display:block}.form-row input,.form-row textarea{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);resize:vertical;border-radius:6px;outline:none;padding:.75rem 1rem;font-size:.9rem;font-weight:400;transition:border-color .2s}.form-row input:focus,.form-row textarea:focus{border-color:var(--accent)}.form-submit{background:var(--text);width:100%;color:var(--bg);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;padding:.85rem;font-size:.75rem;transition:background .2s}.form-submit:hover{background:var(--accent);color:var(--on-accent)}.form-submit:disabled{opacity:.5;cursor:not-allowed}.form-status{font-family:var(--font-mono);text-align:center;color:var(--text-soft);min-height:1.3rem;margin-top:.9rem;font-size:.75rem}.form-status.success{color:var(--cyber)}.form-status.error{color:#d64545}footer{background:var(--bg-alt);border-top:1px solid var(--border);color:var(--text-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1.5rem 2.5rem;display:flex}footer span{font-family:var(--font-mono);letter-spacing:.05em;font-size:.65rem}footer em{color:var(--text-muted);font-style:normal}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.reveal.in{opacity:1;transform:translateY(0)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:2.5rem}.skills-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:2.5rem}}@media (max-width:768px){nav{padding:0 1.2rem}.nav-links{display:none}.hamburger{display:flex}.section-wrap{padding:3.5rem 1.4rem 3.5rem calc(1.4rem + 20px)}#hero{min-height:auto;padding:88px 1.4rem 3rem calc(1.4rem + 20px)}.ticker-block,footer{padding-left:calc(1.4rem + 20px)}.exp-row{grid-template-columns:1fr;gap:.4rem}footer{text-align:center;flex-direction:column;padding:1.4rem 1.4rem 1.4rem calc(1.4rem + 20px)}.section-header{flex-direction:column;align-items:flex-start}.skills-grid{grid-template-columns:repeat(2,1fr)}.resume-actions{width:100%}.resume-actions a{text-align:center;flex:1}}@media (max-width:480px){.skill-item{padding:.9rem}.skill-item-name{font-size:.76rem}.hero-name{font-size:clamp(1rem,4vw,1.25rem)}.hero-role{font-size:clamp(1.8rem,8vw,2.4rem)}}html{scroll-padding-top:88px}.section-wrap{padding-block:clamp(3rem,6vw,5rem)}.section-header{margin-bottom:2rem}.section-kicker,.hero-meta,.form-row label,.form-submit{font-family:var(--font-body);text-transform:none;letter-spacing:0}.section-kicker{font-size:.8rem;font-weight:600}.btn-solid,.btn-ghost{text-transform:none;letter-spacing:0;font-size:.9rem}#hero{min-height:min(820px,95svh);padding-top:112px;padding-bottom:64px}.hero-inner{max-width:1120px}.hero-eyebrow{font-family:var(--font-body);letter-spacing:.02em;text-transform:none;background:0 0;border:0;padding:0;font-size:.85rem}.hero-eyebrow:before{animation:none}.hero-photo-tag{display:none}.facts-scroll,.projects-scroll{cursor:grab;touch-action:pan-x pan-y pinch-zoom}.facts-scroll.is-dragging,.projects-scroll.is-dragging,.facts-scroll.is-dragging *,.projects-scroll.is-dragging *{cursor:grabbing;-webkit-user-select:none;user-select:none}.hero-photo-frame{border-radius:32px;max-width:260px}.hero-desc{font-weight:400}.hero-meta{font-size:.78rem;line-height:1.8}.ticker-track{gap:0;width:max-content;display:flex}.ticker-group{flex-shrink:0;justify-content:space-around;align-items:center;gap:2rem;min-width:100vw;padding-right:2rem;display:flex}.ticker-row[data-dir=left] span,.ticker-row[data-dir=right] a{font-family:var(--font-body);font-size:.8rem}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,4rem)}.contact-form-box{border-radius:10px;padding:1.5rem}.contact-intro{margin-bottom:1.2rem;font-weight:400}.form-row{margin-bottom:1rem}.form-row label{color:var(--text-muted);font-size:.8rem}.form-row input,.form-row textarea{padding:.65rem .8rem;font-size:1rem}.form-row textarea{min-height:100px}.form-submit{width:100%;padding:.75rem 1.25rem;font-size:.85rem}.social-row{flex-wrap:wrap;gap:1rem;padding:.85rem 0}.social-row .social-label{font:500 .85rem var(--font-body);color:var(--text);align-items:center;gap:.7rem;display:inline-flex}.social-row .social-handle{font:.78rem var(--font-body);overflow-wrap:anywhere}.social-icon{flex:0 0 20px;width:20px;height:20px}footer{font-family:var(--font-body);flex-wrap:wrap;gap:1.5rem;padding:1.5rem 2.5rem}.footer-links{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.footer-links a{align-items:center;gap:.5rem;font-size:.75rem;text-decoration:none;display:inline-flex}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (min-width:901px){.about-right{align-self:center}.hero-inner{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);align-items:start;column-gap:clamp(2rem,6vw,6rem);display:grid}.hero-inner>*{grid-column:1}.hero-photo-frame{grid-area:1/2/6;place-self:center end;max-width:260px}.hero-actions{margin-top:0}.hero-desc{margin-bottom:1.5rem}}@media (max-width:1050px) and (min-width:769px){nav{padding-inline:1.5rem}.nav-links{gap:1rem}}@media (max-width:900px){.hero-inner{max-width:640px}#hero{min-height:auto}.contact-grid{grid-template-columns:1fr}}@media (max-width:768px){#hero{padding-top:104px;padding-bottom:48px}.contact-form-box{padding:1.15rem}footer{padding:1.5rem 1.4rem 1.5rem calc(1.4rem + 20px)}.footer-links{justify-content:center;gap:1rem}}@media (hover:hover) and (pointer:fine){body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M4 3 19 12 12 14 9 21Z' fill='%237ba0ff' stroke='%230c111c' stroke-width='1.5'/%3E%3C/svg%3E") 4 3,auto}a,button{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='11' cy='11' r='7' fill='%23267d78' stroke='white' stroke-width='2'/%3E%3C/svg%3E") 11 11,pointer}}.row-motion-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font:inherit;cursor:pointer;border-radius:999px;margin:.5rem 0 .5rem auto;padding:.35rem .65rem;font-size:.75rem;display:block}.facts-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.facts-header .section-kicker,.facts-header .row-motion-toggle{margin:0}.fact-card{text-align:left}.rail-music-btn{pointer-events:auto}.rail-music-btn:focus-visible{outline:3px solid var(--text);outline-offset:3px}#trail-rail{pointer-events:none}@media (prefers-reduced-motion:reduce){.rail-music-btn.playing{animation:none}}.toolkit-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,6vw,5rem);display:grid}.toolkit-item{border-top:1px solid var(--border);min-width:0;padding:1.65rem 0 1.85rem}.toolkit-heading{align-items:center;gap:.8rem;display:flex}.toolkit-number{color:var(--text-soft);font:400 .72rem var(--font-mono)}.toolkit-heading h3{font:600 clamp(1.05rem, 1.7vw, 1.3rem)/1.3 var(--font-body);letter-spacing:-.025em;color:var(--text);margin:0}.toolkit-rating{flex-shrink:0;gap:5px;margin-left:auto;display:flex}.toolkit-light{background:var(--surface-2);border:1px solid var(--border);border-radius:50%;width:7px;height:7px;display:block}.toolkit-light.is-lit{background:var(--cyber);border-color:var(--cyber);box-shadow:0 0 7px var(--cyber-soft)}.toolkit-tools{flex-wrap:wrap;gap:.6rem 1.2rem;margin:1.05rem 0 0;padding:0 0 0 2rem;list-style:none;display:flex}.toolkit-tools li{font:400 .91rem/1.5 var(--font-body);color:var(--text-muted)}.toolkit-item:hover .toolkit-light.is-lit{box-shadow:0 0 9px var(--cyber)}@media (max-width:640px){.toolkit-grid{grid-template-columns:minmax(0,1fr)}.toolkit-item{padding:1.3rem 0}.toolkit-heading{gap:.65rem}}
html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}nav{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom-color:color-mix(in srgb, var(--border) 65%, transparent);box-shadow:0 3px 16px #0000000d}.nav-logo{letter-spacing:.04em;font-weight:700}.nav-links{align-items:center;gap:clamp(.8rem,2vw,1.8rem)}.nav-links a{padding:.7rem .2rem;display:block;position:relative}.nav-links a:after{content:"";background:var(--accent);border-radius:2px;height:2px;transition:transform .2s;position:absolute;bottom:.2rem;left:.2rem;right:.2rem;transform:scaleX(0)}.nav-links a[aria-current=location]{color:var(--accent)}.nav-links a[aria-current=location]:after{transform:scaleX(1)}.mobile-menu a[aria-current=location]{color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent);padding-left:.8rem}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1420;--bg-alt:#111a28;--surface:#182233;--surface-2:#202d40;--border:#334157;--shadow:#0000003d}#theme-toggle{border:1px solid var(--border);width:40px;height:36px;color:var(--text);background:var(--surface-2);cursor:pointer;font:1.25rem var(--font-body);border-radius:20px;place-items:center;display:grid}#theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#hero{isolation:isolate;position:relative;overflow:hidden}.hero-inner{z-index:1;position:relative}.hero-inner:before{content:"";z-index:-1;pointer-events:none;background:var(--bg-alt);opacity:.78;filter:blur(28px);border-radius:48px;position:absolute;inset:-24px}html[data-theme=light] #hero{background:linear-gradient(#eef6ee,#fafbf5 68%,#e0ead9)}html[data-theme=dark] #hero{background:linear-gradient(#111a28,#152235)}html[data-theme=dark] .hero-inner:before{display:none}.landscape{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.landscape-layer{transform:translate3d(0, var(--layer-y,0px), 0);position:absolute;inset:0}.landscape svg{width:100%;height:100%;display:block}.landscape-sky{opacity:.8}.landscape-far{opacity:.65;top:35%;bottom:-120px}.landscape-near{opacity:.75;top:60%;bottom:-180px}.mountain-fill{fill:#9ab595}.mountain-line{fill:none;stroke:#608969;stroke-width:1.4px}.hill-fill{fill:#6d987b}.tree-fill{fill:#3c725a}.tree-line{fill:none;stroke:#315b49;stroke-width:2px;stroke-linecap:round}.sun{fill:#f0c477}.sun-ring{fill:none;stroke:#d5ab60;stroke-width:1px;opacity:.45}.cloud{fill:none;stroke:#8aa99c;stroke-width:1.5px;opacity:.4}.sky-drift{animation:20s ease-in-out infinite alternate sky-drift}.night-sky,html[data-theme=dark] .day-sky{display:none}html[data-theme=dark] .night-sky{display:block}html[data-theme=dark] .mountain-fill{fill:#26374d}html[data-theme=dark] .mountain-line{stroke:#40556e;opacity:.6}html[data-theme=dark] .hill-fill{fill:#213149}html[data-theme=dark] .tree-fill{fill:#18283b}html[data-theme=dark] .tree-line{stroke:#435870;opacity:.65}html[data-theme=dark] .landscape-far{opacity:.48}html[data-theme=dark] .landscape-near{opacity:.55}.landscape .moon-disc{width:56px;height:56px;display:none;position:absolute;top:96px;right:12%}html[data-theme=dark] .moon-disc{display:block}.moon{fill:#e7e5c8}.stars{fill:#dedac5;animation:5s ease-in-out infinite alternate starlight}.stars.delayed{animation-delay:-2.5s}@keyframes sky-drift{to{transform:translate(12px)}}@keyframes starlight{0%{opacity:.35}to{opacity:.85}}.hero-name{font-family:var(--font-body);letter-spacing:-.045em;font-weight:600;line-height:1.08}.hero-name span{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit}.section-title{font-family:var(--font-body);letter-spacing:-.04em;text-wrap:balance;font-weight:600;line-height:1.14}.hero-desc,.about-text p{font-weight:400;line-height:1.85}.hero-photo-frame{aspect-ratio:4/5;border:1px solid var(--border);max-width:250px;box-shadow:0 10px 26px var(--shadow);border-radius:20px}.hero-photo{object-position:50% 60%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.hero-desc{margin-top:1.3rem;margin-bottom:1.4rem}.hero-actions{gap:.75rem}.hero-actions a{padding:.8rem 1.35rem}.hero-meta{margin-top:1.5rem}@media (min-width:901px){.hero-inner{grid-template-columns:minmax(0,660px) 250px;justify-content:space-between;column-gap:clamp(2rem,5vw,4.5rem)}.hero-desc{max-width:620px}.hero-photo-frame{align-self:center;max-width:250px}}.hero-photo-frame:hover .hero-photo{transform:scale(1.035)}.nav-links a{text-transform:none;letter-spacing:0;font-size:.76rem}.reveal{opacity:1;transform:none}.reveal.pending-reveal{opacity:0;transform:translateY(24px)}.reveal.in{opacity:1;transform:translateY(0)}.reveal{transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1)}#hero .reveal{opacity:1;transform:none}.skill-item,.project-card,.fact-card{transition:border-color .25s,background .25s,box-shadow .25s}.project-card:hover,.fact-card:hover{border-color:var(--accent);box-shadow:0 6px 18px var(--shadow)}.social-row,.footer-links a{--social-hover:var(--accent);transition:color .2s,background .2s}:is(.social-row,.footer-links a)[href*=github\.com]{--social-hover:#6554b8}:is(.social-row,.footer-links a)[href^=mailto\:]{--social-hover:#28734f}:is(.social-row,.footer-links a)[href*=instagram\.com]{--social-hover:#ae3972}:is(.social-row,.footer-links a)[href*=linkedin\.com]{--social-hover:#146aa3}html[data-theme=dark] :is(.social-row,.footer-links a)[href*=github\.com]{--social-hover:#c2afff}html[data-theme=dark] :is(.social-row,.footer-links a)[href^=mailto\:]{--social-hover:#86d6aa}html[data-theme=dark] :is(.social-row,.footer-links a)[href*=instagram\.com]{--social-hover:#f3a0cf}html[data-theme=dark] :is(.social-row,.footer-links a)[href*=linkedin\.com]{--social-hover:#8dccff}.social-row span,.footer-links a span{transition:color .2s}.social-row:is(:hover,:focus-visible),.social-row:is(:hover,:focus-visible) span,.footer-links a:is(:hover,:focus-visible),.footer-links a:is(:hover,:focus-visible) span{color:var(--social-hover)}.footer-links a:is(:hover,:focus-visible) span{text-underline-offset:4px;text-decoration:underline}.btn-solid,.btn-ghost{transition:transform .25s,box-shadow .25s,background .25s}.btn-solid:hover{box-shadow:0 6px 20px var(--shadow)}#resume .section-title{white-space:nowrap}#resume .section-header{margin-bottom:0}.resume-hint{max-width:460px;line-height:1.6}@media (min-width:769px){#resume .section-header{align-items:center;gap:2rem}}@media (max-width:1100px) and (min-width:769px){.nav-links{gap:.75rem}nav{padding-inline:1.25rem}}@media (max-width:768px){.landscape .moon-disc{width:40px;height:40px;top:86px;right:7%}.landscape-far{opacity:.5;top:14%;bottom:0}.landscape-near{opacity:.6;top:40%;bottom:0}.landscape-sky{opacity:.8}.sky-drift,.stars{animation:none}.nav-actions{gap:.65rem}}.portfolio-sections{isolation:isolate;position:relative}.page-ribbon{z-index:1;pointer-events:none;opacity:.14;visibility:hidden;width:clamp(100px,18vw,240px);height:calc(100dvh - 64px);clip-path:inset(var(--ribbon-clip-top,0px) 0 var(--ribbon-clip-bottom,0px) 0);position:fixed;top:64px;right:12px;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.portfolio-sections>section{position:relative}.portfolio-sections>section>.section-wrap{z-index:2;position:relative}@media (max-width:768px){.page-ribbon{opacity:.1;width:100px;right:6px}}.project-card{flex-basis:340px;overflow:hidden}.project-preview{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--border);border-radius:11px 11px 0 0;flex-shrink:0;order:-1;width:calc(100% + 3rem);max-width:none;height:auto;margin:-1.5rem -1.5rem .6rem;display:block}.project-preview--screen{object-fit:contain;object-position:center}.project-preview--chat{background:#edf2ef}.project-preview--shop{background:#fafafa}.project-preview--stock{background:#020617}.project-preview--services{background:#0b1016}.project-preview--design{background:#f5f5f5}.project-preview--photo{object-fit:cover;object-position:center}.project-preview--security{object-fit:contain;background:#f7f8f5}.studio-preview{color:#edf2fa;background:linear-gradient(135deg,#182233,#2f5148);flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;padding:1rem 1.5rem;display:flex}.studio-preview span{letter-spacing:.15em;color:#abd4be;font-size:.55rem}.studio-preview strong{letter-spacing:-.04em;font-size:1.4rem;line-height:1.1}.studio-preview small{color:#abd4be;font-size:.6rem}.project-links,.project-status{margin-top:auto;padding-top:.75rem}.project-status{color:var(--text-muted);font-size:.78rem}#journal{background-color:var(--bg-alt);border-block:1px solid var(--border)}.journal-intro{color:var(--text-muted);line-height:1.8}.journal-window{border:1px solid var(--border);background:var(--bg-alt);box-shadow:0 12px 32px var(--shadow);border-radius:20px;overflow:hidden}.journal-window-bar{border-bottom:1px solid var(--border);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.75rem;display:flex}.journal-window-bar span{color:var(--text-soft);font-size:.65rem}.journal-window .journal-filters{flex-wrap:nowrap;margin:0;padding:1rem;overflow-x:auto}.journal-window .journal-filters button{flex-shrink:0}.journal-window .journal-grid{scrollbar-width:thin;scrollbar-color:var(--border) transparent;align-content:start;max-height:440px;padding:0 1rem 1rem;overflow-y:auto}.journal-window{border:5px solid var(--border);border-bottom-width:10px}.journal-private{color:var(--text-muted);justify-content:space-between;gap:1rem;padding:1rem .25rem;font-size:.75rem;display:flex}.journal-private a{color:var(--accent);text-underline-offset:4px}.journal-window .journal-card{flex-direction:column;height:240px;display:flex;overflow:hidden}.journal-window .journal-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;display:-webkit-box;overflow:hidden}.journal-window .journal-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.journal-window .journal-card a{margin-top:auto;padding-top:.7rem}.journal-grid:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.journal-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.journal-filters button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:30px;padding:.65rem 1rem;font-size:.8rem}.journal-filters button[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.journal-filters button:focus-visible,.journal-card a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.journal-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-height:180px;padding:1.6rem}.journal-card h3{margin:1.1rem 0 .6rem;font-size:1.1rem;font-weight:500}.journal-card p{color:var(--text-muted);font-size:.85rem;line-height:1.7}.journal-card a{color:var(--accent);margin-top:1rem;display:inline-block}@media (max-width:1000px) and (min-width:769px){.nav-links{gap:.55rem}.nav-links a{font-size:.7rem}}@media (max-width:768px){#hero{align-items:center;min-height:100svh;padding-top:96px;padding-bottom:44px}.hero-inner{flex-direction:column;align-items:flex-start;gap:0;display:flex}.hero-inner>*{min-width:0}.hero-photo-frame{aspect-ratio:1;border-radius:50%;align-self:center;width:clamp(160px,45vw,210px);max-width:100%;margin:.5rem auto}.hero-actions{flex-wrap:wrap;display:flex}.hero-actions a{padding:.8rem 1rem;font-size:.8rem}.hero-meta{flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.landscape-far svg{width:190%;max-width:none;margin-left:-45%}.landscape-near svg{width:160%;max-width:none;margin-left:-30%}.hero-inner:before{opacity:.87;filter:blur(20px)}.projects-scroll{gap:.8rem}.project-card{flex-basis:min(270px,76vw);gap:.45rem;padding:1rem}.project-preview{aspect-ratio:2;width:calc(100% + 2rem);margin:-1rem -1rem .35rem}.project-title{font-size:1rem}.project-links,.project-status{padding-top:.4rem}.journal-window .journal-grid{grid-template-columns:1fr;max-height:min(380px,55svh)}#journal .section-wrap{padding-top:3rem;padding-bottom:2.5rem}#journal .section-header{gap:.75rem;margin-bottom:1.25rem}.journal-intro{font-size:.85rem}.journal-window .journal-card{height:210px}.journal-window-bar{padding:.8rem}.journal-window .journal-filters{gap:.4rem;padding:.65rem}.journal-window .journal-filters button{padding:.55rem .8rem;font-size:.72rem}.journal-card{min-height:0;padding:1rem}.journal-card h3{margin-top:.5rem}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.journal-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.landscape-layer{transform:none!important}.sky-drift,.stars{animation:none}.reveal,.reveal.pending-reveal{opacity:1;transition:none;transform:none}.hero-photo-frame:hover .hero-photo{transform:none}}.journal-author{color:var(--text-muted);flex-shrink:0;align-items:baseline;gap:.35rem;margin:.6rem 0;font-size:.8rem;display:flex}.journal-author strong{color:var(--accent);overflow-wrap:anywhere;font-size:.95rem;font-weight:700}.ambient-glow{pointer-events:none;z-index:0;contain:paint;position:absolute;inset:0;overflow:hidden}.ambient-wash{animation:22s ease-in-out infinite alternate ambient-drift;animation-delay:var(--glow-delay);background:radial-gradient(at 20% 35%,#4987da2e,#0000 48%),radial-gradient(at 78% 65%,#4fc4a629,#0000 45%);position:absolute;inset:-10%}.ambient-firefly{width:var(--spark-size);height:var(--spark-size);opacity:0;animation:ambient-twinkle var(--spark-time) ease-in-out infinite;animation-delay:var(--spark-delay);background:#81cbb5;border-radius:50%;position:absolute;box-shadow:0 0 5px 2px #68d3b1a6,0 0 16px 3px #68d3b14d}html[data-theme=dark] .ambient-firefly{background:#d9f8d0}@keyframes ambient-drift{0%{transform:translate(-2%,-2%)scale(1)}to{transform:translate(3%,3%)scale(1.08)}}@keyframes ambient-twinkle{0%,to{opacity:.08;transform:translateY(8px)}35%,45%{opacity:1}75%{opacity:.2;transform:translate3d(var(--spark-x), -16px, 0)}}@media (max-width:600px){.ambient-firefly:nth-of-type(n+9){display:none}}@media (prefers-reduced-motion:reduce){.ambient-wash{animation:none}.ambient-firefly{display:none}}#ribbonHighlight{animation:7s linear infinite ribbon-light-travel}@keyframes ribbon-light-travel{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1500px}}@media (prefers-reduced-motion:reduce){#ribbonHighlight{animation:none}}#hero .signature-portrait{transform:perspective(850px) rotateX(var(--portrait-rx,0deg)) rotateY(var(--portrait-ry,0deg));box-shadow:0 18px 45px var(--shadow);isolation:isolate;transition:transform .22s ease-out,box-shadow .22s}#hero .signature-portrait:hover{box-shadow:0 22px 55px var(--shadow), 0 0 0 1px var(--accent)}.portrait-shine{z-index:2;pointer-events:none;background:radial-gradient(circle at var(--portrait-light-x,25%) var(--portrait-light-y,20%), #ffffff42, transparent 65%);opacity:.4;transition:opacity .25s;position:absolute;inset:0}.signature-portrait:hover .portrait-shine{opacity:1}.portrait-signature{z-index:3;pointer-events:none;filter:drop-shadow(0 2px 3px #000b);width:115px;height:50px;position:absolute;bottom:12px;right:10px}.portrait-signature path{stroke:#f0f7ff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.5s 1s forwards sign-portrait}@keyframes sign-portrait{to{stroke-dashoffset:0}}@media (max-width:768px){#hero .signature-portrait{border-radius:24px}.portrait-signature{width:95px;bottom:8px}}@media (prefers-reduced-motion:reduce){#hero .signature-portrait{transition:none;transform:none}.portrait-signature path{stroke-dashoffset:0;animation:none}}#hero .typing-line{font:inherit;letter-spacing:inherit;display:block;position:relative}#hero .typing-measure{visibility:hidden;font:inherit}#hero .typing-text{font:inherit;position:absolute;inset:0}.typing-cursor{vertical-align:-.03em;background:currentColor;width:.045em;height:.85em;margin-left:.06em;animation:.9s step-end infinite typing-blink;display:inline-block}.typing-cursor.is-finished{animation:.9s step-end 3 typing-blink,1ms 2.7s forwards typing-cursor-hide}@keyframes typing-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes typing-cursor-hide{to{opacity:0}}@media (prefers-reduced-motion:reduce){.typing-cursor{display:none}}
.community-journal{background:var(--bg-alt);border-bottom:1px solid var(--border)}.community-journal .section-wrap{padding-top:1rem;padding-bottom:3rem}.community-journal details{border:1px solid var(--border);border-radius:14px;padding:1.2rem}.community-journal summary{cursor:pointer;font-weight:600}.community-journal summary span{float:right;color:var(--accent);font-size:.8rem}.community-journal p{color:var(--text-muted);margin:1rem 0;line-height:1.6}.community-journal form{max-width:650px}.community-journal label{gap:.5rem;margin:1rem 0;display:grid}.community-journal input,.community-journal textarea,.community-journal select{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;width:100%;padding:.8rem}.community-journal .submission-consent{align-items:flex-start;font-size:.85rem;display:flex}.submission-consent input{width:auto;margin-top:.2rem}.journal-window,.journal-card,.community-journal form,.community-journal label{min-width:0;max-width:100%}.journal-card{overflow-wrap:anywhere;will-change:transform;transition:transform .15s,box-shadow .15s}#journal .journal-window{border-width:1px;border-radius:20px;width:100%;max-width:960px;margin-inline:auto}#journal .journal-window .journal-grid{overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:var(--text-soft) var(--surface);touch-action:pan-y pinch-zoom;contain:content;grid-template-columns:repeat(3,minmax(0,1fr));max-height:min(380px,45svh);overflow:hidden auto}#journal .journal-filters{border-bottom:1px solid var(--border);scrollbar-width:thin;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;scroll-behavior:auto;will-change:scroll-position;flex-wrap:nowrap;gap:.5rem;width:100%;min-width:0;margin:0 0 .75rem;padding:.85rem 1rem;display:flex;overflow:auto hidden}#journal .journal-filters:active{cursor:grabbing}#journal .journal-filters button{appearance:none;white-space:nowrap;font:500 .8rem var(--font-body);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;flex:none;padding:.65rem 1rem;line-height:1.3}#journal .journal-filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}#journal .journal-filters button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.journal-pagination{height:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:center;align-items:center;gap:1rem;padding:0 1rem 1rem;font-size:.8rem;display:flex;position:static;inset:auto}.journal-pagination[hidden]{display:none}.journal-pagination button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:.7rem 1rem}.journal-pagination button:disabled{opacity:.4;cursor:default}.journal-share-trigger{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:10px;width:100%;padding:.7rem 1rem;font-weight:600}.community-journal .journal-dialog{overscroll-behavior:contain;border:1px solid var(--border);background:var(--bg-alt);background:color-mix(in srgb, var(--bg-alt) 94%, transparent);width:min(640px,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--text);border-radius:22px;margin:auto;padding:clamp(1rem,3vw,2rem);position:fixed;inset:0;overflow-y:auto;box-shadow:0 24px 80px #0005}.journal-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080f1c61}.journal-dialog-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.journal-dialog-header h2{font-size:clamp(1.2rem,4vw,1.65rem)}.journal-dialog-close{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-shrink:0;padding:.7rem 1rem;font-size:1.4rem;line-height:1}.community-journal .journal-dialog form{max-width:none}.community-journal :is(input,textarea,select){min-width:0;font-size:16px}@media (min-width:601px) and (max-width:1023px){#journal .journal-window{max-width:720px}#journal .journal-window .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){#journal .journal-window{max-width:420px}#journal .journal-window .journal-grid{grid-template-columns:minmax(0,1fr);max-height:min(260px,34svh)}#journal .journal-window-bar,#journal .journal-private{flex-wrap:wrap;gap:.5rem}.journal-pagination{gap:.5rem}.journal-pagination button{padding:.6rem .8rem}.community-journal summary span{float:none;margin-top:.5rem;display:block}.community-journal details{padding:.85rem}.community-journal input,.community-journal textarea,.community-journal select{min-width:0;font-size:16px}}#journal .journal-card,#journal .journal-card *{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}