@font-face{font-family:NotoSansThai;src:url(/assets/notosansthai-regular-YnGHTkvt.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NotoSansThai;src:url(/assets/notosansthai-bold-uvdBhl9M.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:NotoSansThai;src:url(/assets/notosansthai-light-65xni0Xv.ttf)format("truetype");font-weight:300;font-style:normal}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--bg-card:#0e0812;--bg-card-hover:#150e1e;--purple-dim:#2d1b4e;--purple-mid:#6d28d9;--purple-main:#8b5cf6;--purple-bright:#a78bfa;--neon:#d946ef;--text:#e9e0f5;--text-muted:#7c6d99;--text-dim:#3d3050;--border:#8b5cf633;--border-hover:#8b5cf666;--font-head:"NotoSansThai", "Noto Sans", sans-serif;--font-mono:"NotoSansThai", "Noto Sans", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg);scroll-behavior:smooth}body{color:var(--text);font-family:var(--font-mono);min-height:100vh;font-size:clamp(15px,1vw + 10px,18px);line-height:1.7;position:relative;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);pointer-events:none;z-index:-1;background-size:50px 50px;position:fixed;inset:0}body:after{content:"";background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #6d28d926, transparent 80%);pointer-events:none;z-index:-1;position:fixed;inset:0}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--purple-mid);border-radius:2px}.container{max-width:1400px;margin:0 auto;padding:0 4rem}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:1000;background:#000000d9;align-items:center;width:100%;height:80px;display:flex;position:fixed;top:0;left:0}.navbar__inner{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 4rem;display:flex}.navbar__logo{font-family:var(--font-head);color:var(--purple-bright);flex-shrink:0;font-size:1.2rem;font-weight:800;transition:color .2s}.navbar__links{flex-shrink:0;gap:clamp(1.5rem,3vw,3rem);list-style:none;display:flex}.navbar__links a{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);white-space:nowrap;font-size:.8rem;transition:all .3s}.navbar__links a:hover{color:var(--neon);text-shadow:0 0 8px var(--neon)}.section{padding:8rem 0}.section__header{align-items:center;gap:1rem;margin-bottom:4rem;display:flex}.section__title{font-family:var(--font-head);letter-spacing:-.025em;padding:0 4px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.section__line{background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.hero{justify-content:flex-start;align-items:center;min-height:80vh;padding:0 4rem;display:flex}.hero__name{margin:1.5rem 0;font-size:clamp(4rem,8vw,7.5rem);line-height:1.1}.hero__name em{color:var(--purple-main);font-style:normal;display:block}.hero__content{text-align:left;flex-direction:column;align-items:flex-start;max-width:800px;display:flex}.hero__eyebrow{color:var(--purple-bright);margin-bottom:.5rem;display:inline-block}.hero__tags{flex-wrap:wrap;gap:1rem;max-width:850px;margin-top:2.5rem;display:flex}.hero__tag{border:1px solid var(--purple-dim);color:var(--purple-bright);letter-spacing:.05em;text-transform:uppercase;font-size:.95rem;font-weight:600;font-family:var(--font-mono);cursor:default;background:#6d28d91a;border-radius:4px;align-items:center;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.23,1,.32,1);display:inline-flex;position:relative;overflow:hidden}.hero__tag:hover{color:#fff;background:var(--purple-mid);border-color:var(--neon);text-shadow:0 0 8px #ffffff80;transform:translateY(-3px)scale(1.05);box-shadow:0 0 15px #d946ef66}.hero__tag:after{content:"";pointer-events:none;opacity:.2;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 2px;width:100%;height:100%;position:absolute;top:0;left:0}.timeline{max-width:1200px;margin:0 auto;padding:4rem 0;position:relative}.timeline:before{content:"";background:var(--purple-mid);z-index:1;width:2px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.timeline-card{z-index:2;opacity:0;width:50%;margin-bottom:4rem;transition:opacity .6s,transform .6s;position:relative}.timeline-card.left{text-align:right;padding-right:40px;left:0;transform:translate(-40px)}.timeline-card.right{text-align:left;padding-left:40px;left:50%;transform:translate(40px)}.timeline-card.visible{opacity:1;transform:translate(0)}@keyframes pulse-purple{0%{box-shadow:0 0 #8b5cf6b3}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.timeline-card__dot{background:var(--bg);border:3px solid var(--purple-mid);z-index:10;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;top:1.8rem}.left .timeline-card__dot{right:-8px}.right .timeline-card__dot{left:-8px}.status-wip .timeline-card__dot{border-color:var(--neon);animation:2s infinite pulse-purple}.timeline-card__inner{background:var(--bg-card);border:1px solid var(--border);background:#16102a;border:1px solid #8b5cf64d;border-radius:8px;padding:3rem 3rem 2.6rem;transition:all .3s;position:relative;overflow:hidden}.timeline-card.left .timeline-card__inner{margin-left:auto}.timeline-card__inner:hover{background:var(--bg-card-hover);border-color:var(--purple-main);box-shadow:0 0 0 1px var(--purple-main), 4px 4px 0 var(--neon), -4px -4px 0 var(--purple-mid);transform:translateY(-6px)}.timeline-card__inner:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#8b5cf699,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.timeline-card__inner:after{content:"";pointer-events:none;opacity:.3;background:repeating-linear-gradient(0deg,#00000006 0 1px,#0000 1px 2px);width:100%;height:100%;position:absolute;top:0;left:0}.timeline-card__status-badge{position:absolute;top:1.4rem;right:1.4rem}.tag-box{border:1px solid var(--purple-dim);color:var(--purple-bright);text-transform:uppercase;font-size:.65rem;font-family:var(--font-mono);background:#6d28d90d;border-radius:4px;padding:.3rem .7rem}@media (width<=768px){.timeline:before{left:20px;transform:none}.timeline-card{width:100%;padding-left:3rem!important;padding-right:0!important;left:0!important;transform:translate(30px)!important}.timeline-card__dot{left:13px!important}}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);padding:3rem 0;font-size:.75rem}.status-badge--cancelled{color:#d90202;text-transform:uppercase;background-color:#0000;border:1px solid #d90d0d;border-radius:2px;padding:2px 6px;font-size:.6rem;font-weight:700}.status-badge--released{background-color:var(--purple-mid);color:#fff;text-transform:uppercase;border-radius:2px;padding:2px 6px;font-size:.6rem;font-weight:700}.status-badge--wip{border:1px solid var(--neon);color:var(--neon);text-transform:uppercase;background-color:#0000;border-radius:2px;padding:2px 6px;font-size:.6rem;font-weight:700}.timeline-card__header{margin-bottom:1.6rem}.timeline-card__title{font-family:var(--font-head);color:#f0eaff;margin-bottom:.5rem;padding-right:5rem;font-size:1.75rem;font-weight:700;line-height:1.15}.timeline-card__subtitle{color:var(--purple-bright);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-family:var(--font-mono);margin-bottom:.6rem;font-weight:600}.timeline-card__year{color:#5a4d78;font-size:.82rem;font-family:var(--font-mono);display:inline-block}.timeline-card__description{color:#9d8fc0;font-family:var(--font-mono);margin-top:.2rem;font-size:1rem;line-height:1.8}.tag-container{flex-wrap:wrap;gap:.5rem;margin-top:1.8rem;display:flex}.tag-box{color:var(--purple-bright);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-family:var(--font-mono);background:#6d28d91f;border:1px solid #8b5cf659;border-radius:4px;padding:.4rem .9rem;font-weight:600}.timeline-card__links{gap:1.2rem;display:flex}.timeline-card__link-btn{color:var(--neon);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--neon);font-size:.75rem;font-weight:700;font-family:var(--font-mono);border-radius:4px;padding:.6rem 1.3rem;transition:all .25s;display:inline-block}@media (width<=768px){.timeline:before{left:20px;transform:none}.timeline-card{width:100%;padding-left:3.5rem!important;padding-right:0!important;left:0!important;transform:translate(30px)!important}.timeline-card__dot{left:13px!important;right:auto!important}.timeline-card.left .timeline-card__inner{text-align:left;margin-left:0}}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);font-size:.75rem;font-family:var(--font-mono);padding:3rem 0}:root{--color-github:#f0f6fc;--color-bluesky:#0585ff;--color-steam:#171a21;--color-modworkshop:#f26122}.social-links{align-items:center;gap:1.5rem;display:flex}.social-icon{color:var(--text-muted);justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.social-icon:hover{color:var(--neon);filter:drop-shadow(0 0 8px var(--neon));transform:translateY(-3px)scale(1.1)}.social-icon.github:hover{color:var(--color-github);filter:drop-shadow(0 0 8px #f0f6fc80)}.social-icon.bluesky:hover{color:var(--color-bluesky);filter:drop-shadow(0 0 8px #0585ff80)}.social-icon.steam:hover{color:#66c0f4;filter:drop-shadow(0 0 8px #66c0f480)}.social-icon.mws:hover{color:var(--color-modworkshop);filter:drop-shadow(0 0 8px #f2612280)}.hero__socials{z-index:10;position:absolute;bottom:0;right:2rem}.hero__socials .social-links{gap:1.2rem;display:flex}.hero__socials .social-icon{background:var(--bg-card);border:1px solid var(--border);width:48px;height:48px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-size:1.4rem;display:flex}@media (width<=768px){.hero__socials{justify-content:flex-start;margin-top:3rem;display:flex;position:static}.hero__socials .social-icon{width:42px;height:42px;font-size:1.2rem}}.admin-gate{justify-content:center;align-items:center;min-height:calc(100vh - 80px);display:flex}.admin-gate__box{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:4px;width:100%;max-width:380px;padding:3rem}.admin-gate__title{font-family:var(--font-head);color:var(--text);margin-bottom:2rem;font-size:1.6rem}.admin-gate__input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:4px;outline:none;width:100%;padding:.8rem 1rem;font-size:1rem;transition:border-color .2s}.admin-gate__input:focus{border-color:var(--purple-main)}.admin-gate__input.error{border-color:#ef4444}.admin-gate__btn{background:var(--purple-mid);color:#fff;font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:4px;width:100%;padding:.8rem;font-size:.9rem;font-weight:700;transition:background .2s}.admin-gate__btn:hover{background:var(--purple-main)}.admin-gate__input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0px 1000px var(--bg-card) inset;border:1px solid var(--purple-main);transition:background-color 5000s ease-in-out}.admin-gate__input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0px 1000px var(--bg-card) inset;border:1px solid var(--purple-main);transition:background-color 5000s ease-in-out}.admin-gate__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0px 1000px var(--bg-card) inset;border:1px solid var(--purple-main);transition:background-color 5000s ease-in-out}.projects-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.projects-empty{color:var(--text-muted);font-family:var(--font-mono);padding:2rem 0;font-size:.9rem}.project-filters{flex-wrap:wrap;gap:.5rem;display:flex}.project-filter-btn{border:1px solid var(--purple-dim);color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;padding:.4rem 1rem;font-size:.8rem;transition:all .2s}.project-filter-btn:hover{border-color:var(--purple-main);color:var(--purple-bright)}.project-filter-btn.active{background:var(--purple-dim);border-color:var(--purple-main);color:var(--purple-bright)}.project-filter-btn.active.filter--wip{border-color:var(--neon);color:var(--neon);background:#d946ef1a}.project-filter-btn.active.filter--cancelled{color:#ef4444;background:#ef44441a;border-color:#ef4444}.project-filter-btn.active.filter--released{color:#4ade80;background:#4ade801a;border-color:#4ade80}.view-toggle{border:1px solid var(--purple-dim);gap:0;display:flex}.view-toggle__btn{color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.8rem;transition:all .2s;display:flex}.view-toggle__btn:first-child{border-right:1px solid var(--purple-dim)}.view-toggle__btn:hover{color:var(--purple-bright);background:var(--purple-dim)}.view-toggle__btn.active{background:var(--purple-dim);color:var(--purple-bright)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.project-grid-card{background:var(--bg-card);border:1px solid var(--purple-dim);color:var(--text);cursor:pointer;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.project-grid-card:hover{border-color:var(--card-accent,var(--purple-main));box-shadow:0 0 16px color-mix(in srgb, var(--card-accent,var(--purple-main)) 30%, transparent);transform:translateY(-3px)}.project-grid-card__banner{background:var(--card-accent,var(--purple-main));opacity:.85;justify-content:flex-end;align-items:flex-start;height:90px;padding:.5rem;display:flex;position:relative}.project-grid-card:hover .project-grid-card__banner{opacity:1}.project-grid-card__body{flex-direction:column;flex:1;gap:.35rem;padding:.85rem 1rem 1rem;display:flex}.project-grid-card__year{font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:.7rem}.project-grid-card__title{color:var(--text);margin:0;font-size:.95rem;font-weight:600;line-height:1.3}.project-grid-card__tags{flex-wrap:wrap;gap:.3rem;margin-top:.4rem;display:flex}.notfound{text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex}.notfound__inner{flex-direction:column;align-items:center;gap:1rem;display:flex}.notfound__code{font-family:var(--font-mono);color:var(--purple-dim);margin:0;font-size:6rem;font-weight:700;line-height:1}.notfound__title{color:var(--purple-bright);margin:0;font-size:1.8rem}.notfound__sub{color:var(--text-muted);font-family:var(--font-mono);margin:0;font-size:.9rem}.notfound__home{border:1px solid var(--purple-main);color:var(--purple-bright);font-family:var(--font-mono);margin-top:1rem;padding:.5rem 1.5rem;font-size:.85rem;text-decoration:none;transition:all .2s}.notfound__home:hover{background:var(--purple-dim);border-color:var(--neon);color:var(--neon)}.project-grid-card__banner .status-badge--wip,.project-grid-card__banner .status-badge--released,.project-grid-card__banner .status-badge--cancelled{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000008c;border-color:#ffffff59}.password-gate{justify-content:center;align-items:center;min-height:100vh;display:flex}.password-gate__box{border:1px solid var(--purple-dim);background:var(--bg-card);flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:380px;padding:2.5rem 3rem;display:flex}.password-gate__title{color:var(--purple-bright);margin:0;font-size:1.5rem}.password-gate__sub{color:var(--text-muted);font-family:var(--font-mono);margin:0;font-size:.8rem}.password-gate__input{background:var(--bg);border:1px solid var(--purple-dim);width:100%;color:var(--text);font-family:var(--font-mono);box-sizing:border-box;outline:none;padding:.6rem .9rem;font-size:.95rem;transition:border-color .2s}.password-gate__input:focus{border-color:var(--purple-main)}.password-gate__error{color:#ef4444;font-family:var(--font-mono);margin:0;font-size:.8rem}.password-gate__btn{background:var(--purple-dim);border:1px solid var(--purple-main);width:100%;color:var(--purple-bright);font-family:var(--font-mono);cursor:pointer;padding:.6rem;font-size:.9rem;transition:all .2s}.password-gate__btn:hover{background:var(--purple-main);color:#fff}.password-gate__back{color:var(--text-muted);font-family:var(--font-mono);margin-top:.5rem;font-size:.8rem;text-decoration:none}.password-gate__back:hover{color:var(--purple-bright)}.editor-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.editor-header{border-bottom:1px solid var(--purple-dim);background:var(--bg-card);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.editor-header__title{color:var(--purple-bright);margin:0;font-size:1.1rem}.editor-header__back,.editor-header__logout{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:none;transition:color .2s}.editor-header__back:hover,.editor-header__logout:hover{color:var(--purple-bright)}.editor-layout{flex:1;grid-template-columns:280px 1fr;display:grid;overflow:hidden}.editor-loading,.editor-placeholder{color:var(--text-muted);font-family:var(--font-mono);padding:2rem;font-size:.85rem}.editor-list{border-right:1px solid var(--purple-dim);flex-direction:column;display:flex;overflow-y:auto}.editor-list__add-btn{border:1px dashed var(--purple-main);color:var(--purple-bright);font-family:var(--font-mono);cursor:pointer;background:0 0;margin:1rem;padding:.55rem;font-size:.8rem;transition:all .2s}.editor-list__add-btn:hover{background:var(--purple-dim)}.editor-list__items{margin:0;padding:0 0 1rem;list-style:none}.editor-list__item{cursor:pointer;border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 1rem;transition:all .15s;display:flex}.editor-list__item:hover{background:var(--purple-dim)}.editor-list__item.active{background:var(--purple-dim);border-left-color:var(--purple-main)}.editor-list__item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;overflow:hidden}.editor-list__item-status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid;flex-shrink:0;padding:.15rem .4rem;font-size:.65rem}.editor-main{padding:2rem;overflow-y:auto}.editor-form{max-width:700px}.editor-form__title{color:var(--purple-bright);margin:0 0 1.5rem;font-size:1.2rem}.editor-form__error{color:#ef4444;font-family:var(--font-mono);margin-bottom:1rem;font-size:.8rem}.editor-form__grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.editor-field{font-family:var(--font-mono);color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.8rem;display:flex}.editor-field--full{margin-bottom:1rem}.editor-field__label{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;display:flex}.editor-field input,.editor-field select,.editor-field textarea{background:var(--bg);border:1px solid var(--purple-dim);color:var(--text);font-family:var(--font-mono);box-sizing:border-box;resize:vertical;outline:none;width:100%;padding:.5rem .7rem;font-size:.85rem;transition:border-color .2s}.editor-field input:focus,.editor-field select:focus,.editor-field textarea:focus{border-color:var(--purple-main)}.editor-field small{opacity:.6;font-size:.7rem}.editor-field__color-row{align-items:center;gap:.5rem;display:flex}.editor-field__color-row input[type=color]{cursor:pointer;flex-shrink:0;width:40px;height:34px;padding:2px}.editor-field__color-row input[type=text]{flex:1}.editor-link-add{color:var(--purple-bright);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;transition:color .2s}.editor-link-add:hover{color:var(--neon)}.editor-link-row{grid-template-columns:1fr 2fr auto;align-items:center;gap:.5rem;margin-bottom:.5rem;display:grid}.editor-link-row input{background:var(--bg);border:1px solid var(--purple-dim);color:var(--text);font-family:var(--font-mono);box-sizing:border-box;outline:none;width:100%;padding:.45rem .6rem;font-size:.8rem;transition:border-color .2s}.editor-link-row input:focus{border-color:var(--purple-main)}.editor-link-remove{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;flex-shrink:0;padding:.4rem .55rem;font-size:.75rem;transition:all .2s}.editor-link-remove:hover{background:#ef444426}.editor-form__actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.editor-btn{font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid;padding:.55rem 1.4rem;font-size:.85rem;transition:all .2s}.editor-btn--save{color:#4ade80;border-color:#4ade80}.editor-btn--save:hover:not(:disabled){background:#4ade8026}.editor-btn--cancel{border-color:var(--purple-dim);color:var(--text-muted)}.editor-btn--cancel:hover{border-color:var(--purple-main);color:var(--purple-bright)}.editor-btn--delete{color:#ef4444;border-color:#ef4444;margin-left:auto}.editor-btn--delete:hover:not(:disabled){background:#ef444426}.editor-btn:disabled{opacity:.5;cursor:not-allowed}.toast-stack{z-index:9999;pointer-events:none;flex-direction:column;gap:.6rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{font-family:var(--font-mono);pointer-events:all;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid;align-items:center;gap:.6rem;max-width:320px;padding:.7rem 1rem;font-size:.82rem;animation:.2s toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast--success{color:#4ade80;background:#4ade801a;border-color:#4ade80}.toast--error{color:#ef4444;background:#ef44441a;border-color:#ef4444}.toast--info{border-color:var(--purple-main);color:var(--purple-bright);background:#8b5cf61a}.toast__icon{flex-shrink:0;font-size:.9rem}.toast__message{flex:1}.toast__close{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.75rem}.toast__close:hover{opacity:1}.editor-list__item{cursor:grab}.editor-list__item:active{cursor:grabbing}.editor-list__item.drag-over{background:var(--purple-dim);border-left-color:var(--neon);opacity:.8}.editor-list__drag-handle{color:var(--purple-dim);-webkit-user-select:none;user-select:none;flex-shrink:0;margin-right:.25rem;font-size:1rem;transition:color .15s}.editor-list__item:hover .editor-list__drag-handle{color:var(--purple-main)}.specs-page{min-height:100vh}.specs-schematic-wrapper{max-width:680px;margin:0 auto 3rem}.specs-list{border:1px solid var(--purple-dim);max-width:480px;margin:0 auto 6rem}.specs-list__row{border-bottom:1px solid var(--purple-dim);font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:.7rem 1.2rem;font-size:.85rem;display:flex}.specs-list__row:last-child{border-bottom:none}.specs-list__key{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.specs-list__val{color:var(--purple-bright)}.wizard{flex-direction:column;gap:1.5rem;max-width:600px;display:flex}.wizard-steps{border:1px solid var(--purple-dim);gap:0;display:flex;overflow:hidden}.wizard-steps__item{border-right:1px solid var(--purple-dim);opacity:.35;flex-direction:column;flex:1;align-items:center;gap:.2rem;padding:.6rem .4rem;transition:all .2s;display:flex}.wizard-steps__item:last-child{border-right:none}.wizard-steps__item.done{opacity:.6;background:#8b5cf614}.wizard-steps__item.active{opacity:1;background:var(--purple-dim)}.wizard-steps__num{font-family:var(--font-mono);color:var(--purple-bright);font-size:.75rem;font-weight:700}.wizard-steps__label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6rem}.wizard-body{min-height:320px}@keyframes slideInFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.wizard-body.slide-in-next{animation:.22s forwards slideInFromRight}.wizard-body.slide-in-back{animation:.22s forwards slideInFromLeft}.wizard-body.slide-out-next{animation:.22s forwards slideOutToLeft}.wizard-body.slide-out-back{animation:.22s forwards slideOutToRight}.wizard-step{flex-direction:column;gap:1rem;display:flex}.wizard-step__title{color:var(--purple-bright);margin:0;font-size:1.1rem}.wizard-step__sub{color:var(--text-muted);font-family:var(--font-mono);margin:0 0 .5rem;font-size:.8rem}.wizard-color-preview{border:1px solid var(--purple-dim);justify-content:center;align-items:center;height:48px;transition:background .2s;display:flex}.wizard-color-preview span{font-family:var(--font-mono);color:#fff9;mix-blend-mode:difference;font-size:.75rem}.wizard-tag-preview{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.wizard-empty-hint{font-family:var(--font-mono);color:var(--text-muted);margin:.5rem 0;font-size:.78rem}.wizard-review{border:1px solid var(--purple-dim);overflow:hidden}.wizard-review__row{border-bottom:1px solid var(--purple-dim);font-family:var(--font-mono);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.6rem 1rem;font-size:.82rem;display:flex}.wizard-review__row:last-child{border-bottom:none}.wizard-review__row.long{flex-direction:column;gap:.3rem}.wizard-review__key{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;flex-shrink:0;font-size:.72rem}.wizard-review__val{color:var(--purple-bright);text-align:right;word-break:break-word}.wizard-review__tags{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex}.wizard-review__swatch{vertical-align:middle;border:1px solid #fff3;border-radius:2px;width:12px;height:12px;margin-right:.4rem;display:inline-block}.wizard-nav{border-top:1px solid var(--purple-dim);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.wizard-nav__left,.wizard-nav__right{gap:.5rem;display:flex}.project-grid-card__banner{position:relative;overflow:hidden}.project-grid-card__banner-img{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.wizard-fetch-msg{font-family:var(--font-mono);color:var(--text-muted);margin:.4rem 0 0;font-size:.78rem}.wizard-image-preview{border:1px solid var(--purple-dim);max-height:120px;margin-top:.75rem;overflow:hidden}.wizard-image-preview img{object-fit:cover;object-position:center top;width:100%;height:120px;display:block}@media (width<=768px){body{font-size:15px}.container{padding:0 1.25rem}.navbar{height:60px}.navbar__inner{padding:0 1.25rem}.navbar__logo{font-size:1rem}.navbar__links{gap:1.2rem}.navbar__links a{letter-spacing:.08em;font-size:.7rem}.hero{justify-content:flex-start;align-items:flex-start;min-height:85vh;padding:80px 1.25rem 0}.hero__content{max-width:100%;padding-top:2rem}.hero__name{margin:1rem 0;font-size:clamp(3rem,14vw,5rem)}.hero__tags{gap:.6rem;margin-top:1.5rem}.hero__tag{padding:.45rem .9rem;font-size:.75rem}.hero__socials{justify-content:flex-start;margin-top:2rem;display:flex;position:static}.hero__socials .social-icon{width:42px;height:42px;font-size:1.1rem}.section{padding:4rem 0}.section__header{margin-bottom:2rem}.section__title{font-size:clamp(1.5rem,6vw,2rem)}.projects-controls{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:2rem}.project-filters{gap:.4rem;width:100%}.project-filter-btn{text-align:center;flex:1;padding:.45rem .5rem;font-size:.72rem}.view-toggle{width:100%}.view-toggle__btn{flex:1;justify-content:center;padding:.45rem .5rem;font-size:.75rem}.timeline{padding:1rem 0}.timeline:before{left:16px;transform:none}.timeline-card{width:100%;margin-bottom:2rem;text-align:left!important;padding-left:3rem!important;padding-right:0!important;left:0!important;transform:translate(30px)!important}.timeline-card.visible{transform:translate(0)!important}.timeline-card__dot{top:1.6rem;left:9px!important;right:auto!important}.timeline-card.left .timeline-card__inner{text-align:left;margin-left:0}.timeline-card__inner{padding:1.5rem 1.25rem}.timeline-card__title{padding-right:4rem;font-size:1.25rem}.timeline-card__description{font-size:.88rem}.project-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem}.project-grid-card__banner{height:70px}.project-grid-card__title{font-size:.85rem}.footer{padding:2rem 0;font-size:.7rem}.notfound__code{font-size:4rem}.notfound__title{font-size:1.3rem}.editor-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr;overflow:visible}.editor-list{border-right:none;border-bottom:1px solid var(--purple-dim);max-height:220px}.editor-main{padding:1.25rem}.editor-form__grid,.editor-link-row{grid-template-columns:1fr}.editor-link-row input:last-of-type{margin-bottom:0}.editor-form__actions{flex-direction:column}.editor-btn--delete{margin-left:0}.password-gate__box{margin:0 1rem;padding:2rem 1.5rem}.toast-stack{bottom:1rem;left:1rem;right:1rem}.toast{max-width:100%}}@media (width<=480px){.hero__name{font-size:clamp(2.5rem,13vw,3.5rem)}.hero__tag{padding:.4rem .7rem;font-size:.7rem}.project-grid{grid-template-columns:1fr 1fr}.timeline-card__inner{padding:1.25rem 1rem}.timeline-card__title{padding-right:3rem;font-size:1.1rem}.navbar__links a{font-size:.65rem}}@media (width<=768px){.specs-schematic-wrapper{max-width:100%;overflow-x:auto}.specs-list{max-width:100%}.specs-list__row{padding:.6rem 1rem;font-size:.78rem}}