@import "https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf8f5;--surface:#fff;--ink:#2d2d2b;--sub:#8a8680;--faint:#f0ede6;--border:#2d2d2b17;--green:#4a7c5e;--green-soft:#eaf2ed;--green-border:#c2dccb;--tea:#9b6a3a;--tea-soft:#fdf0e3;--tea-border:#e8cda8}body{background:var(--bg);color:var(--ink);min-height:100vh;font-family:BIZ UDPGothic,sans-serif}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;min-height:52px;padding:0 1.75rem;display:flex;position:sticky;top:0}.topbar-logo{font-size:15px;font-weight:500}.topbar-logo span{color:var(--sub);font-weight:300}.lang-row{flex-wrap:wrap;gap:3px;display:flex}.lang-btn{cursor:pointer;color:var(--sub);background:0 0;border:1px solid #0000;border-radius:20px;padding:4px 10px;font-family:BIZ UDPGothic,sans-serif;font-size:12px;transition:all .15s}.lang-btn.active{color:var(--ink);background:var(--faint);border-color:var(--border)}.lang-btn:hover{color:var(--ink);background:var(--faint)}.main{max-width:640px;margin:0 auto;padding:3.5rem 1.75rem 5rem}.hero{margin-bottom:3rem}.hero-eyebrow{background:var(--faint);border:1px solid var(--border);color:var(--sub);letter-spacing:.06em;border-radius:20px;align-items:center;margin-bottom:1.25rem;padding:4px 12px;font-size:11px;display:inline-flex}.hero-title{letter-spacing:.01em;margin-bottom:.5rem;font-size:clamp(2rem,7vw,3.2rem);font-weight:500;line-height:1.15}.hero-title .dev{color:var(--sub);font-weight:300}.hero-pronounce{color:var(--sub);letter-spacing:.08em;background:var(--faint);border-radius:6px;margin-bottom:1.75rem;padding:3px 10px;font-size:12px;display:inline-block}.hero-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;display:flex}.hero-wish{font-size:14px;line-height:1.7}.hero-nyaice{color:var(--green);letter-spacing:.02em;font-size:13px}.divider{background:var(--border);height:1px;margin:2.5rem 0}.section-head{letter-spacing:.18em;color:var(--sub);text-transform:uppercase;margin-bottom:1rem;font-size:11px}.section-note{text-transform:none;letter-spacing:0;opacity:.7}.proj-list{flex-direction:column;gap:6px;display:flex}.proj-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:visible}.proj-card:hover{border-color:#2d2d2b38;box-shadow:0 2px 8px #2d2d2b0f}.proj-left{flex-direction:column;gap:4px;min-width:0;display:flex}.proj-name-row{align-items:center;gap:8px;display:flex}.proj-name{font-size:14px;font-weight:500}.proj-lang{color:var(--sub);background:var(--faint);border-radius:5px;padding:1px 7px;font-size:11px}.proj-desc{color:#6b6860;margin-top:2px;font-size:13px;font-weight:400;line-height:1.5}.badge{white-space:nowrap;border:1px solid var(--border);color:var(--sub);background:var(--faint);border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11px}.badge.wip{color:var(--green);background:var(--green-soft);border-color:var(--green-border)}.badge.star{color:var(--tea);background:var(--tea-soft);border-color:var(--tea-border)}.proj-paw{color:var(--green);opacity:0;pointer-events:none;flex-shrink:0;font-size:11px;transition:opacity .18s,transform .18s;position:absolute;top:50%;right:1rem;transform:translate(6px)translateY(-50%)}.proj-card:hover .proj-paw{opacity:.65;transform:translate(0)}.links-grid{flex-wrap:wrap;gap:8px;display:flex}.link-chip{color:var(--sub);background:var(--surface);border:1px solid var(--border);border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;text-decoration:none;transition:all .15s;display:inline-flex}.link-chip:hover{color:var(--ink);background:var(--faint);border-color:#2d2d2b40}@keyframes wobble{0%,to{transform:rotate(-2deg)scale(1.02)}50%{transform:rotate(2deg)scale(1.05)}}.tea-btn{color:var(--tea);background:var(--tea-soft);border:1px solid var(--tea-border);border-radius:20px;align-items:center;gap:8px;padding:7px 16px;font-size:12px;text-decoration:none;transition:background .15s;display:inline-flex}.tea-btn:hover{background:#f5e3c8;animation:.45s ease-in-out infinite wobble}.credit-list{flex-direction:column;gap:6px;display:flex}.credit-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:.75rem 1.1rem;display:flex}.credit-tag{color:var(--sub);background:var(--faint);white-space:nowrap;border-radius:5px;flex-shrink:0;padding:2px 8px;font-size:11px}.credit-name{color:var(--ink);font-size:13px;text-decoration:none}.credit-name rt{font-size:.7em;display:inline-block;transform:translateY(.4em)}.credit-name:hover{color:var(--sub);text-decoration:underline}.thanks{text-align:center;color:var(--sub);letter-spacing:.04em;margin-top:2.5rem;font-size:13px}.foot{border-top:1px solid var(--border);color:var(--sub);letter-spacing:.04em;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:1.5rem;font-size:11px;display:flex}.foot a{color:var(--sub);text-decoration:none}.foot a:hover{color:var(--ink)}.lang-fixed{display:none}@media (width<=540px){.topbar{padding:.75rem 1.25rem}.topbar .lang-row{display:none}.lang-fixed{background:var(--surface);border-bottom:1px solid var(--border);padding:.5rem 1.25rem;display:flex}.lang-fixed .lang-row{flex-wrap:wrap}.lang-fixed .lang-btn{padding:7px 13px;font-size:13px}.main{padding:2rem 1.25rem 4rem}.foot{flex-direction:column;align-items:flex-start;gap:6px}}