#root{margin:0 auto;padding:2rem;text-align:center}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding:1rem}.app-footer{margin-top:auto;padding:1rem;text-align:justify;display:flex;justify-content:space-between;align-items:flex-end}.copywrite{color:gray;margin:0;white-space:nowrap}.logo-glow{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.6) 0%,rgba(59,130,246,.35) 35%,rgba(59,130,246,.15) 55%,transparent 75%)}.logo-glow img{width:32px;height:32px}@media(max-width:400px){.app-footer{flex-direction:column;align-items:center;gap:.5rem}}.app-header{padding:1rem}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative}.left_nav{display:flex;align-items:flex-start;justify-content:flex-start;gap:.75rem;text-align:left;flex-direction:column}.left_nav h1,.left_nav p{margin:0}.left_nav p{color:gray}.left_nav h1 a{color:inherit;text-decoration:none}.left_nav p a{color:inherit;text-decoration:none;white-space:nowrap}.right_nav a{color:gray}.right_nav a.active{color:#000}.nav-toggle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.nav-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:6px;padding:.5rem;cursor:pointer;border-radius:.75rem;-webkit-user-select:none;user-select:none}.nav-burger span{display:block;width:26px;height:2px;background:currentColor;border-radius:999px;transition:transform .2s ease,opacity .2s ease}.nav-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;display:flex;flex-direction:column;gap:.25rem;padding:.5rem;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .35s ease,transform .35s ease;border:1px solid rgba(0,0,0,.12);border-radius:1rem;background:#fff;box-shadow:0 10px 30px #0000001a;z-index:10}.nav-menu a{display:block;text-decoration:none;padding:.65rem .75rem;border-radius:.75rem}.nav-menu a:hover{background:#0000000f}.nav-toggle:checked~.nav-menu{opacity:1;transform:translateY(0);pointer-events:auto}.nav-toggle:checked+.nav-burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle:checked+.nav-burger span:nth-child(2){opacity:0}.nav-toggle:checked+.nav-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-burger:focus-visible,.nav-menu a:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(min-width:768px){.app-header{padding:1.25rem 2rem}.app-main{padding:2rem}.nav-burger{display:none}.nav-menu{position:static;display:flex!important;flex-direction:row;align-items:center;gap:1rem;padding:0;border:0;background:transparent;box-shadow:none;min-width:auto;opacity:1;transform:none;pointer-events:auto}.nav-menu a{opacity:1;transform:none;pointer-events:auto;position:static;display:flex;flex-direction:row;background:transparent;box-shadow:none;border:0;padding:0}}@media(min-width:1024px){.app-layout{max-width:1200px;margin:0 auto}.app-header,.app-main,.app-footer{padding-left:2.5rem;padding-right:2.5rem}.nav-menu{gap:1.25rem}}.stack-card{padding:1rem;border-radius:1rem;border:1px solid rgba(0,0,0,.12);background:#fff;box-shadow:0 10px 30px #0000000f}.stack-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.stack-list a{text-decoration:none}.stack-chip{display:inline-flex;align-items:center;justify-content:center;color:gray;padding:.45rem .65rem;border-radius:999px;border:1px solid rgba(0,0,0,.15);background:#fff;font-size:.9rem;color:#000000bf;white-space:nowrap}.projects{max-width:900px;margin:0 auto}.projects>h1{text-align:left;margin-top:0}.projects-list{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.project-card.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.project-card.clickable:hover{z-index:10;transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.project-card.clickable:focus-visible{outline:3px solid rgba(37,99,235,.6);outline-offset:3px}.project-card{position:relative;padding:1rem;border-radius:1rem;border:1px solid rgba(0,0,0,.12);background:#fff;box-shadow:0 10px 30px #0000000f}.project-title{font-weight:600;margin-bottom:.5rem}.project-image{width:100%;border-radius:.75rem}.project-tags{color:gray;font-size:.9rem}.project-tooltip{z-index:11;position:absolute;left:0;top:100%;margin-top:.5rem;padding:.75rem;width:240px;border-radius:.75rem;border:1px solid rgba(0,0,0,.12);background:#fff;box-shadow:0 10px 30px #0000001a;opacity:0;pointer-events:none;transition:opacity .2s ease .9s}.project-card:hover .project-tooltip{opacity:1;z-index:10}.projects-filters{position:relative;margin-bottom:1.5rem}.filter-toggle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.filter-button{display:inline-block;padding:.6rem .9rem;border-radius:.75rem;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.filters-panel{position:absolute;top:calc(100% + .5rem);left:0;right:0;padding:1rem;border-radius:1rem;border:1px solid rgba(0,0,0,.12);background:#fff;box-shadow:0 10px 30px #0000001f;z-index:20;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.filter-toggle:checked~.filters-panel{opacity:1;transform:translateY(0);pointer-events:auto}.projects-controls{display:flex;flex-direction:column;gap:.5rem}.projects-controls input,.projects-controls select,.projects-controls button{padding:.6rem .75rem;border-radius:.75rem;border:1px solid rgba(0,0,0,.15);background:#fff}.tag-bank{margin-top:.75rem;border-top:1px solid rgba(0,0,0,.08);padding-top:.75rem;width:-webkit-fill-available}.tag-bank-title{color:gray;font-size:.9rem;margin-bottom:.5rem}.tag-bank-list{display:flex;justify-content:center;gap:.5rem;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}@media(max-width:767px){.tag-bank-list{flex-direction:column}}.tag-bank-list::-webkit-scrollbar{height:8px}.tag-bank-list::-webkit-scrollbar-thumb{background:#0000001f;border-radius:999px}.tag-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:.45rem .65rem;border-radius:999px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem}.tag-chip.tag-hover-left,.tag-chip.tag-hover-right{transition:background .2s ease}.tag-chip.tag-hover-left{background:linear-gradient(to right,#ff00001a,#ff00000f 50%,#fff 50%,#fff)}.tag-chip.tag-hover-right{background:linear-gradient(to right,#fff,#fff 50%,#00b4000f 50%,#00b4001a)}@media(max-width:767px){.projects-filters .filters-panel{opacity:0!important;transform:translateY(-10px)!important;pointer-events:none!important}.projects-filters .filter-toggle:checked~.filters-panel{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}}@media(min-width:768px){.projects-filters .filter-button{display:none!important}.projects-filters .filters-panel{position:static!important;opacity:1!important;transform:none!important;pointer-events:auto!important;padding:0!important;border:0!important;box-shadow:none!important}.projects-controls{flex-direction:row;align-items:center;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.projects-controls input,.projects-controls select{width:auto;min-width:160px;flex:1}.projects-controls button{white-space:nowrap}}.contact{max-width:560px;margin:0 auto}.contact h1{margin-top:0}.contact-form{margin-top:1rem;padding:1rem;border:1px solid rgba(0,0,0,.12);border-radius:1rem;background:#fff;box-shadow:0 10px 30px #0000000f}.contact-row{margin-bottom:.9rem}.contact-label{display:block;margin-bottom:.35rem;color:gray}.contact-input,.contact-textarea{width:100%;box-sizing:border-box;padding:.75rem .85rem;border:1px solid rgba(0,0,0,.18);border-radius:.9rem;background:#fff;color:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.contact-textarea{resize:vertical;min-height:140px;line-height:1.4}.contact-input:focus,.contact-textarea:focus{border-color:#00000073;box-shadow:0 0 0 3px #00000014}.contact-actions{margin-top:1rem;display:flex;gap:.75rem;align-items:center}.contact-button{appearance:none;border:1px solid rgba(0,0,0,.12);border-radius:.9rem;padding:.75rem 1rem;background:#000;color:#fff;cursor:pointer;transition:transform .05s ease,opacity .2s ease}.contact-button:hover{opacity:.92}.contact-button:active{transform:translateY(1px)}.contact-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.contact-note{margin-top:.75rem;color:gray}.contact-status{margin-top:1rem;padding:1rem;border:1px solid rgba(0,0,0,.12);border-radius:1rem;background:#00000008}.contact-back{margin-top:.75rem;appearance:none;border:1px solid rgba(0,0,0,.12);border-radius:.9rem;padding:.65rem .9rem;background:#fff;cursor:pointer}@media(min-width:768px){.contact-form{padding:1.25rem 1.5rem}}.tp-page{max-width:960px;margin:0 auto;padding:24px 16px 48px}.tp-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.tp-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#0000008c;margin-bottom:6px}.tp-title{margin:0;font-size:28px;line-height:1.2}.tp-headerRight{display:flex;gap:10px;align-items:center}.tp-headerActions{display:flex;gap:10px}.tp-main{display:flex;flex-direction:column;gap:14px}.tp-button{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.tp-button:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-1px)}.tp-button:active{transform:translateY(0);box-shadow:none}.tp-button--primary{background:#000000eb;color:#fff;border-color:#000000eb}.tp-toolbar{position:sticky;top:0;z-index:1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px;border-radius:14px;border:1px solid rgba(0,0,0,.1);background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tp-group{display:flex;gap:8px;align-items:center}.tp-divider{width:1px;height:28px;background:#0000001a;margin:0 4px}.tp-tool{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:10px;padding:7px 10px;cursor:pointer;font-weight:600;min-height:34px;transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.tp-tool:hover{box-shadow:0 10px 22px #00000014;transform:translateY(-1px)}.tp-tool:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.tp-tool--active{background:#0000000f;border-color:#0000002e}.tp-icon{display:inline-block;font-weight:800}.tp-icon--b{font-weight:900}.tp-icon--i{font-style:italic;font-weight:800}.tp-icon--s{text-decoration:line-through;font-weight:800}.tp-icon--code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:800}.tp-card .ProseMirror{outline:none;min-height:280px;line-height:1.6;font-size:16px}.tp-card .ProseMirror h1{font-size:28px;line-height:1.2;margin:.4em 0 .5em}.tp-card .ProseMirror h2{font-size:22px;margin:.9e}