@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#000;background-color:#fff;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:600px;margin:0 auto;padding:40px 20px;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container h1{font-size:2.25rem;font-weight:500;margin-bottom:6px;letter-spacing:-.03em;line-height:1.2}.container h2{font-size:1.05rem;font-weight:500;margin-top:24px;margin-bottom:10px;text-transform:lowercase;letter-spacing:-.01em}.container p{margin-bottom:10px;font-size:1rem;color:#1a1a1a;line-height:1.7}.container a{color:#000;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:all .2s ease;border-radius:2px;outline-offset:2px}.container a:hover{text-decoration:none;color:#666}.container a:focus-visible{outline:2px solid #000;outline-offset:3px;text-decoration:none}.underline{text-decoration:underline;text-underline-offset:2px}.project-item{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}.project-content{display:inline;flex:1;min-width:0}.preview-button{display:inline;background:none;border:none;color:#666;font-size:.8rem;font-family:inherit;cursor:pointer;padding:1px 3px;border-radius:2px;transition:all .15s ease;text-decoration:none;white-space:nowrap;font-weight:400;line-height:1.4}.preview-button:hover{color:#000;background:#0000000a}.preview-button:focus-visible{outline:2px solid #000;outline-offset:2px}.preview-button:active{background:#00000014}.tooltip{position:absolute;top:35px;left:50%;transform:translate(-50%) scale(.95);background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease,transform .25s ease;z-index:1000;pointer-events:none}.tooltip.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(8px) scale(1);pointer-events:auto}.tooltip-close{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#00000080;color:#fff;border:none;font-size:18px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s ease;z-index:1001;opacity:.6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tooltip-close:hover{background:#000000b3;opacity:1;transform:scale(1.05)}.tooltip-close:focus-visible{outline:2px solid #fff;outline-offset:2px;opacity:1}.tooltip video{width:700px;max-width:90vw;height:auto;border-radius:4px;display:block}@media (max-width: 768px){.container{padding:20px 16px}.container h1{font-size:2rem;letter-spacing:-.025em}.container h2{font-size:1rem;margin-top:20px}.container p{font-size:.95rem;line-height:1.65}.tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);max-width:90vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;box-shadow:0 8px 32px #0003}.tooltip.visible{transform:translate(-50%,-50%) scale(1)}.tooltip.visible .tooltip-close{display:flex}.tooltip video{width:min(550px,92vw);max-width:92vw;max-height:70vh;object-fit:contain}.preview-button{font-size:.75rem;padding:2px 4px;touch-action:manipulation}.project-item{gap:4px}.tooltip-close{top:10px;right:10px;width:28px;height:28px;font-size:20px;opacity:.7}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}