:root{--paper:#fbf7ef;--paper-soft:#efe6d8;--paper-deep:#e8dcc8;--ink:#211b17;--ink-inverse:#fffdf8;--muted:#847a71;--line:#d8cbbbb3;--line-strong:#b8a68ecc;--clay:#bd5f3d;--clay-dark:#a34e30;--olive:#5c6b4a;--blue:#4a5d73;--white:#fff;--shadow:0 24px 80px #412c1a14;--sans:"Inter", "SF Pro Text", "Helvetica Neue", "PingFang SC", sans-serif;--serif:"Playfair Display", "Songti SC", "Noto Serif CJK SC", serif;--mono:"JetBrains Mono", "SFMono-Regular", monospace;--glow-primary:0 0 24px #bd5f3d33;--card-bg:#fffdf8d1;--card-border:#ffffffa6;--nav-bg:#fbf7efc7;--nav-border:#d8cbbbb3;--glass-bg:#fffdf8b3;--card-shadow:0 16px 48px #412c1a0f;--card-hover-shadow:0 24px 60px #412c1a1f;--grad-1:#bd5f3d14;--grad-2:#8fa8942e;--grad-bg-1:#fbf7ef;--grad-bg-2:#f4ece0}[data-theme=dark]{--paper:#090a0f;--paper-soft:#11131a;--paper-deep:#050608;--ink:#f0f4f8;--ink-inverse:#050608;--muted:#8b9bb4;--line:#ffffff14;--line-strong:#ffffff26;--clay:#f07446;--clay-dark:#cc5429;--olive:#9ab067;--blue:#6195c2;--white:#fff;--shadow:0 24px 80px #0009;--glow-primary:0 0 24px #f0744659;--card-bg:#11131a80;--card-border:#ffffff0f;--nav-bg:#090a0f8c;--nav-border:var(--line);--glass-bg:#ffffff0a;--card-shadow:0 16px 48px #0006;--card-hover-shadow:0 24px 60px #00000080, 0 0 20px #ffffff08;--grad-1:#f074461f;--grad-2:#6195c214;--grad-bg-1:var(--paper);--grad-bg-2:var(--paper);color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 10%, var(--grad-1), transparent 40rem), radial-gradient(circle at 85% 60%, var(--grad-2), transparent 45rem), linear-gradient(180deg, var(--grad-bg-1) 0%, var(--grad-bg-2) 100%);background-attachment:fixed;min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}#root{min-height:100svh}h1,h2,h3,p{margin:0}::selection{color:var(--white);background:var(--clay)}.gallery-shell{width:min(1440px,100% - 40px);margin:0 auto}.login-shell{background:var(--paper);grid-template-columns:minmax(420px,46%) 1fr;align-items:stretch;gap:0;width:100%;max-width:none;min-height:100svh;display:grid}.brand-mark{font-family:var(--mono);color:var(--ink);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow{color:var(--clay-dark);font-family:var(--mono);text-transform:uppercase;font-size:12px;font-weight:700}.showcase-shell{min-height:100svh;color:var(--ink);background:0 0}.showcase-nav{z-index:40;background:var(--nav-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--nav-border);justify-content:space-between;align-items:center;gap:16px;height:68px;padding:0 clamp(20px,4vw,48px);display:flex;position:sticky;top:0}.showcase-brand{margin-bottom:0}.showcase-nav-links{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);gap:28px;font-size:12px;font-weight:600;display:flex}.showcase-nav-links a{text-decoration:none;transition:color .15s}.showcase-nav-links a:hover{color:var(--ink)}.showcase-login-btn{border:1px solid var(--line-strong);background:var(--ink);height:40px;color:var(--ink-inverse);font-family:var(--mono);letter-spacing:.04em;box-shadow:var(--glow-primary);border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 14px;font-size:12px;font-weight:600;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s;display:inline-flex}.showcase-login-btn:hover{background:var(--clay-dark);transform:translateY(-1px)}.showcase-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(28px,5vw,64px);width:min(1180px,100% - 40px);min-height:calc(100svh - 68px);margin:0 auto;padding:clamp(36px,6vw,72px) 0 clamp(48px,6vw,80px);display:grid}.showcase-eyebrow{color:#5f7364;align-items:center;gap:8px;margin-bottom:18px;display:inline-flex}.showcase-hero-copy h1{font-family:var(--serif);letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(40px,5.6vw,68px);font-weight:520;line-height:1.05}.showcase-hero-copy h1 em{color:var(--clay);font-style:italic}.showcase-lede{max-width:34rem;color:var(--muted);margin:0 0 28px;font-size:16px;line-height:1.65}.showcase-hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.showcase-cta-primary{background:var(--clay);color:#fff;border:none;border-radius:12px;align-items:center;gap:8px;height:48px;padding:0 20px;font-size:15px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.showcase-cta-primary:hover{background:var(--clay-dark);transform:translateY(-1px)}.showcase-cta-ghost{border:1px solid var(--line);background:var(--glass-bg);height:48px;color:var(--ink);-webkit-backdrop-filter:blur(12px);border-radius:12px;align-items:center;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.showcase-cta-ghost:hover{border-color:var(--clay);background:var(--card-bg)}.showcase-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:420px;display:grid}.showcase-stats div{border:1px solid var(--line);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-radius:14px;gap:4px;padding:14px 12px;display:grid}.showcase-stats strong{font-family:var(--serif);color:var(--ink);font-size:22px;font-weight:520}.showcase-stats span{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.showcase-hero-visual{justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}.showcase-hero-orb{aspect-ratio:1;filter:blur(2px);background:radial-gradient(circle at 40% 35%,#f0744626,#0000 50%),radial-gradient(circle at 60% 70%,#6195c226,#0000 55%),radial-gradient(circle at 30% 80%,#9ab0671a,#0000 45%);border-radius:50%;width:min(420px,86%);animation:7s ease-in-out infinite showcase-float;position:absolute}.showcase-hero-frame{z-index:1;aspect-ratio:3/4;border:1px solid var(--card-border);background:var(--paper-soft);width:min(360px,82%);box-shadow:var(--shadow);border-radius:28px;position:relative;overflow:hidden}.showcase-hero-video,.showcase-hero-frame img{object-fit:cover;width:100%;height:100%;display:block}.showcase-hero-badge{z-index:2;border:1px solid var(--card-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex;position:absolute;bottom:8%;left:4%;box-shadow:0 12px 36px #00000026}.showcase-hero-badge img{object-fit:cover;border:1px solid var(--line);border-radius:50%;width:40px;height:40px}.showcase-hero-badge strong{font-size:13px;line-height:1.2;display:block}.showcase-hero-badge span{font-family:var(--mono);color:var(--muted);font-size:11px;display:block}@keyframes showcase-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.02)}}.showcase-skills,.showcase-method,.showcase-cases,.showcase-scenarios,.showcase-work,.showcase-about{width:min(1180px,100% - 40px);margin:0 auto;padding:24px 0 72px}.showcase-section-head-wide{max-width:640px}.showcase-gallery{border-bottom:1px solid var(--line);width:100%;padding:8px 0 36px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.showcase-gallery-track{gap:14px;width:max-content;padding:0 24px;animation:42s linear infinite showcase-marquee;display:flex}.showcase-gallery:hover .showcase-gallery-track{animation-play-state:paused}.showcase-gallery-item{border:1px solid var(--card-border);width:196px;height:148px;box-shadow:var(--card-shadow);background:var(--paper-soft);cursor:default;border-radius:16px;flex:none;position:relative;overflow:hidden}.showcase-gallery-item img,.showcase-gallery-item video{object-fit:cover;width:100%;height:100%;display:block}.showcase-gallery-item span{color:#fffdf8;font-family:var(--mono);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#211b179e;border-radius:999px;padding:5px 8px;font-size:10px;position:absolute;bottom:8px;left:8px;right:8px}@keyframes showcase-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.showcase-banner{width:min(1180px,100% - 40px);margin:0 auto 12px;padding:12px 0 24px}.showcase-banner-frame{border:1px solid var(--card-border);background:var(--card-bg);min-height:280px;box-shadow:var(--card-shadow);border-radius:28px;grid-template-columns:1.2fr .8fr;display:grid;position:relative;overflow:hidden}.showcase-banner-frame video,.showcase-banner-frame>img{object-fit:cover;width:100%;height:100%;min-height:280px;display:block}.showcase-banner-copy{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);flex-direction:column;justify-content:center;gap:10px;padding:32px 28px;display:flex}.showcase-banner-copy h2{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(24px,3vw,32px);font-weight:520;line-height:1.2}.showcase-banner-copy p:last-child{color:var(--muted);font-size:14px;line-height:1.55}.showcase-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.showcase-case-card{border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);box-shadow:var(--card-shadow);border-radius:20px;grid-template-rows:auto 1fr;gap:0;padding:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:grid;position:relative;overflow:hidden}.showcase-case-media{aspect-ratio:4/3;background:#1a1a1a;position:relative;overflow:hidden}.showcase-case-media:after{content:"";pointer-events:none;opacity:.7;background:linear-gradient(#0000 55%,#211b172e);position:absolute;inset:0}.showcase-case-media img,.showcase-case-media video{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.showcase-case-card:hover .showcase-case-media img{transform:scale(1.03)}.showcase-case-play-hint{color:#fff;font-family:var(--mono);opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#211b178c;border-radius:999px;padding:4px 8px;font-size:10px;transition:opacity .2s;position:absolute;bottom:10px;right:10px}.showcase-case-card:hover .showcase-case-play-hint{opacity:1}.showcase-case-body{gap:10px;padding:16px 18px 18px;display:grid}.showcase-case-card:before{content:"";background:var(--clay);opacity:.85;z-index:2;height:3px;position:absolute;top:0;left:0;right:0}.showcase-case-card.is-warm:before{background:#bd5f3d}.showcase-case-card.is-green:before{background:#1f6257}.showcase-case-card.is-blue:before{background:#334e68}.showcase-case-card.is-clay:before{background:#8d5a2b}.showcase-case-card.is-olive:before{background:#5c6b4a}.showcase-case-card.is-slate:before{background:#4a5d73}.showcase-case-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-6px)}.showcase-case-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.showcase-case-no{font-family:var(--mono);letter-spacing:.08em;font-size:12px;font-weight:700}.showcase-case-sub{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:right;font-size:10px}.showcase-case-card h3{font-family:var(--serif);letter-spacing:-.01em;font-size:22px;font-weight:520;line-height:1.25}.showcase-case-desc{color:var(--muted);font-size:13.5px;line-height:1.6}.showcase-case-outcomes{gap:6px;margin:2px 0 0;padding:0;list-style:none;display:grid}.showcase-case-outcomes li{color:var(--ink);padding-left:14px;font-size:13px;line-height:1.45;position:relative}.showcase-case-outcomes li:before{content:"";background:var(--clay);opacity:.75;border-radius:50%;width:6px;height:6px;position:absolute;top:.5em;left:0}.showcase-case-stack{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.showcase-case-stack span{font-family:var(--mono);border:1px solid var(--line);color:var(--muted);background:#ffffff8c;border-radius:999px;padding:4px 8px;font-size:10.5px}.showcase-case-note{border:1px dashed var(--line-strong);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:20px 22px;display:flex}.showcase-case-note p{min-width:220px;color:var(--muted);flex:1;margin:0;font-size:14px;line-height:1.55}.showcase-method-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.showcase-method-card{border:1px solid var(--line);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-radius:18px;gap:10px;min-height:180px;padding:22px 18px 20px;display:grid}.showcase-method-step{font-family:var(--mono);letter-spacing:.08em;color:var(--clay);font-size:12px;font-weight:700}.showcase-method-card h3{font-family:var(--serif);font-size:20px;font-weight:520}.showcase-method-card p{color:var(--muted);font-size:13.5px;line-height:1.55}.showcase-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.showcase-scenario-card{border:1px solid var(--line);background:linear-gradient(145deg, var(--card-bg), transparent);-webkit-backdrop-filter:blur(12px);border-radius:18px;gap:10px;padding:22px 22px 20px;transition:transform .18s,box-shadow .18s;display:grid}.showcase-scenario-card.has-media{grid-template-columns:96px 1fr;align-items:center;gap:16px;padding:14px 18px 14px 14px}.showcase-scenario-media{border:1px solid var(--line);background:#efe6d8;border-radius:16px;flex-shrink:0;width:96px;height:96px;overflow:hidden}.showcase-scenario-media img{object-fit:cover;width:100%;height:100%;display:block}.showcase-scenario-card:hover{box-shadow:0 16px 40px #0006, var(--glow-primary);transform:translateY(-4px)}.showcase-scenario-card h3{font-family:var(--serif);font-size:20px;font-weight:520}.showcase-scenario-card p{color:var(--muted);font-size:14px;line-height:1.55}.showcase-about-points{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.showcase-about-points li{color:var(--ink);padding-left:16px;font-size:14px;line-height:1.5;position:relative}.showcase-about-points li:before{content:"";background:var(--clay);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.showcase-section-head{max-width:560px;margin-bottom:28px}.showcase-section-head h2{font-family:var(--serif);letter-spacing:-.02em;margin:8px 0 10px;font-size:clamp(28px,3.5vw,40px);font-weight:520}.showcase-section-head p:last-child{color:var(--muted);line-height:1.55}.showcase-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.showcase-skill-card{border:1px solid var(--line);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-radius:22px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;overflow:hidden;box-shadow:0 16px 48px #0006}.showcase-skill-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #00000080,0 0 20px #ffffff08}.showcase-skill-media{aspect-ratio:1;background:#efe6d8;position:relative;overflow:hidden}.showcase-skill-media img,.showcase-skill-media video{object-fit:cover;width:100%;height:100%;display:block}.showcase-skill-accent{border-radius:999px;width:42px;height:4px;position:absolute;bottom:14px;left:14px}.showcase-skill-body{gap:10px;padding:18px 18px 20px;display:grid}.showcase-skill-body h3{font-family:var(--serif);font-size:22px;font-weight:520}.showcase-skill-body p{color:var(--muted);font-size:14px;line-height:1.55}.showcase-skill-tags{flex-wrap:wrap;gap:6px;display:flex}.showcase-skill-tags span{font-family:var(--mono);color:var(--clay-dark);background:#bd5f3d14;border-radius:999px;padding:4px 8px;font-size:11px}.showcase-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.showcase-work-card{text-align:left;border:1px solid var(--line);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-radius:18px;padding:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;overflow:hidden}.showcase-work-card:hover{box-shadow:0 18px 48px #00000080, var(--glow-primary);transform:translateY(-4px)}.showcase-work-cover{background-position:50%;background-size:cover;height:148px;position:relative}.showcase-work-lock{color:#fff;font-family:var(--mono);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#211b17b8;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:inline-flex;position:absolute;inset:auto 12px 12px auto}.showcase-work-info{gap:6px;padding:14px 14px 16px;display:grid}.showcase-work-series{font-family:var(--mono);color:var(--muted);font-size:11px}.showcase-work-info strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.showcase-work-meta{font-family:var(--mono);color:var(--muted);font-size:11px}.showcase-work-cta{justify-content:center;margin-top:28px;display:flex}.showcase-about-card{border:1px solid var(--line);background:linear-gradient(135deg, var(--nav-bg), var(--card-bg));-webkit-backdrop-filter:blur(12px);border-radius:24px;grid-template-columns:120px 1fr;align-items:center;gap:28px;padding:28px;display:grid;box-shadow:0 18px 50px #0006}.showcase-about-avatar{object-fit:cover;border:1px solid var(--line);background:var(--paper-soft);border-radius:28px;width:120px;height:120px}.showcase-about-card h2{font-family:var(--serif);margin:6px 0 12px;font-size:28px;font-weight:520}.showcase-about-card p:last-child{color:var(--muted);max-width:48rem;line-height:1.65}.showcase-footer{border-top:1px solid var(--line);width:min(1180px,100% - 40px);color:var(--muted);font-family:var(--mono);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:28px 0 48px;font-size:12px;display:flex}.showcase-footer .brand-mark{color:var(--ink);margin-bottom:0}.showcase-footer-login{border:1px solid var(--line);color:var(--ink);font-family:var(--mono);background:0 0;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600}.showcase-footer-login:hover{border-color:var(--clay);color:var(--clay)}.login-back-btn{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);background:#fffdf8b3;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-bottom:24px;padding:8px 12px 8px 10px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.login-back-btn:hover{color:var(--ink);border-color:var(--line-strong);background:#fff}.login-left{background:0 0;flex-direction:column;justify-content:center;padding:56px 72px;display:flex}.password-field{align-items:center;display:flex;position:relative}.brand-mark{font-family:var(--mono);color:var(--ink);align-items:center;gap:8px;margin-bottom:32px;font-size:13px;font-weight:600;display:inline-flex}.login-headline h1{font-family:var(--serif);letter-spacing:-.025em;color:var(--ink);margin:0 0 16px;font-size:clamp(42px,5.8vw,68px);font-weight:520;line-height:1.05}.login-lede{color:var(--muted);max-width:380px;margin:0 0 40px;font-size:16px;line-height:1.5}.login-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:16px;gap:12px;width:100%;max-width:360px;padding:22px 22px 20px;display:grid;box-shadow:0 10px 40px #0000004d}.login-card label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:600}.login-card input{border:1px solid var(--line);background:var(--paper-soft);width:100%;height:48px;font-size:15px;font-family:var(--mono);color:var(--ink);border-radius:10px;outline:none;padding:0 42px 0 14px;transition:border-color .15s,box-shadow .15s}.login-card input:focus{border-color:var(--clay);box-shadow:0 0 0 3px #f0744633}.login-card input::placeholder{color:var(--muted)}.login-card .password-toggle{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-card .password-toggle:hover{color:var(--ink);background:var(--line)}.login-card button[type=submit]{background:var(--clay);color:#fff;border:none;border-radius:10px;height:48px;margin-top:6px;font-size:15px;font-weight:600;transition:background .15s}.login-card button[type=submit]:hover:not(:disabled){background:var(--clay-dark)}.login-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.login-card .login-error{color:var(--clay-dark);margin:2px 0;font-size:13px}.login-card .login-hint{color:var(--muted);text-align:center;margin:4px 0 0;font-size:11px}.login-right{background:var(--paper-soft);justify-content:center;align-items:center;padding:32px;display:flex;position:relative;overflow:hidden}.visual-frame{width:100%;height:100%;max-height:86vh;box-shadow:var(--shadow);background:var(--paper-deep);border-radius:20px;overflow:hidden}.visual-image{object-fit:cover;will-change:opacity;width:100%;height:100%;animation:.65s cubic-bezier(.22,1,.36,1) forwards visualFadeIn;display:block}@keyframes visualFadeIn{0%{opacity:.65;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}.visual-controls{z-index:10;gap:7px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.visual-dot{cursor:pointer;background:#ffffff73;border:1px solid #ffffff40;border-radius:50%;width:6px;height:6px;padding:0;transition:all .2s}.visual-dot:hover{background:#ffffffb3;border-color:#ffffff80}.visual-dot.active{background:#fff;border-color:#fff;border-radius:3px;width:18px;height:6px}.visual-switch-btn{width:32px;height:32px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;opacity:.55;background:#ffffffa6;border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;transition:opacity .2s,background .2s,border-color .2s,transform .2s;display:flex;position:absolute;bottom:24px;right:24px}.login-right:hover .visual-switch-btn{opacity:1}.visual-switch-btn:hover{border-color:var(--clay);color:var(--clay);background:#ffffffeb;transform:scale(1.08)}.visual-switch-btn svg{display:block}.login-error{color:var(--clay-dark);font-family:var(--mono);align-items:center;gap:6px;font-size:13px;animation:.2s error-pop;display:flex}@keyframes error-pop{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f1e7b8;border-top:0;justify-content:space-between;align-items:center;height:68px;padding:0 22px;display:flex}.topbar-actions,.viewer-actions{align-items:center;gap:10px;display:flex}.topbar-count{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:12px}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:var(--paper-soft);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-button:hover{border-color:var(--line-strong);background:var(--white)}.gallery-shell{padding:0 0 56px}.hero-section{border:1px solid var(--line);background:linear-gradient(90deg, transparent 49px, #d8cbbb8c 50px), linear-gradient(transparent 49px, #d8cbbb8c 50px), var(--paper-soft);background-size:50px 50px;border-top:0;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:40px;padding:58px 44px 44px;display:grid}.hero-section h1{max-width:940px;font-size:clamp(46px,6.6vw,96px)}.hero-section>p{color:var(--muted);font-size:18px}.series-overview{border:1px solid var(--line);background:var(--paper-soft);border-top:0;align-items:center;gap:10px;padding:18px 44px;display:flex;overflow-x:auto}.series-chip{border:1px solid var(--line);background:var(--white);color:var(--ink);font-family:var(--sans);white-space:nowrap;cursor:pointer;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .18s;display:inline-flex}.series-chip:hover{border-color:var(--clay);background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #bd5f3d1a}.series-chip-icon{font-size:15px;line-height:1}.series-chip-label{font-weight:600}.series-chip-count{background:var(--grey-1,#eee);min-width:20px;height:20px;font-family:var(--mono);color:var(--muted);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.series-chip-total{color:var(--muted);font-family:var(--mono);text-transform:uppercase;white-space:nowrap;margin-left:auto;font-size:12px;font-weight:600}.series-section{border:1px solid var(--line);background:var(--paper-soft);border-top:0}.series-header{justify-content:space-between;align-items:center;gap:16px;padding:28px 44px 0;display:flex}.series-header-left{align-items:center;gap:16px;min-width:0;display:flex}.series-header-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;box-shadow:0 2px 8px #0000001f}.series-title{font-family:var(--serif);color:var(--ink);margin:0;font-size:22px;font-weight:600;line-height:1.2}.series-desc{color:var(--muted);max-width:480px;margin:4px 0 0;font-size:14px;line-height:1.45}.series-count{font-family:var(--mono);color:var(--muted);text-transform:uppercase;white-space:nowrap;border:1px solid var(--line);background:var(--white);border-radius:100px;padding:4px 12px;font-size:12px;font-weight:700}.series-toggle{border:1px solid var(--line);background:var(--white);color:var(--muted);font-family:var(--sans);cursor:pointer;border-radius:100px;align-items:center;gap:6px;margin:0 auto 24px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.series-toggle:hover{border-color:var(--clay);color:var(--clay);background:#fff}.series-toggle-icon{transition:transform .25s;transform:rotate(90deg)}.series-toggle-icon.is-up{transform:rotate(-90deg)}.board-empty{text-align:center;color:var(--muted);font-family:var(--serif);grid-column:1/-1;padding:48px 0;font-size:20px}.board-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;padding:24px 44px 28px;display:grid}.board-card{all:unset;border:1px solid var(--line);background:var(--white);cursor:pointer;grid-template-rows:220px auto;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;overflow:hidden}.board-card:hover{border-color:var(--clay);transform:translateY(-4px);box-shadow:0 12px 40px #412c1a2e}.board-card:focus-visible{outline:2px solid var(--clay);outline-offset:2px}.board-visual{justify-content:center;align-items:center;padding:32px;display:flex;position:relative;overflow:hidden}.board-style-tag{color:#fff;font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;opacity:.92;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:14px;left:14px}.board-visual-content{text-align:center;color:#ffffffe6;gap:12px;display:grid}.board-visual-icon{filter:drop-shadow(0 2px 8px #0003);font-size:52px;line-height:1}.board-visual-label{font-family:var(--serif);opacity:.85;text-shadow:0 1px 4px #0003;font-size:16px}.board-info{text-align:left;gap:8px;padding:18px 20px 20px;display:grid}.board-title{color:var(--ink);font-family:var(--serif);font-size:22px;font-weight:520;line-height:1.15}.board-meta{color:var(--muted);font-family:var(--mono);text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.board-dot{color:var(--line-strong)}.board-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.board-tags span{border:1px solid var(--line);color:var(--blue);background:var(--paper-soft);font-family:var(--mono);text-transform:uppercase;padding:3px 8px;font-size:10px;font-weight:700}.gallery-footer{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);background:var(--white);border-top:0;justify-content:center;align-items:center;gap:8px;padding:28px 24px;font-size:12px;display:flex}.footer-icon{color:var(--clay);display:flex}.viewer-shell{background:#000;flex-direction:column;width:100vw;height:100svh;display:flex;overflow:hidden}.viewer-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#211b17eb;border-bottom:1px solid #ffffff14;flex:none;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex}.back-button{color:#ffffffd9;font-family:var(--sans);cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff26;align-items:center;gap:6px;padding:6px 14px 6px 10px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.back-button:hover{background:#ffffff24;border-color:#ffffff4d}.back-arrow{font-size:18px;line-height:1}.viewer-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.viewer-deck-title{color:#ffffffe6;font-family:var(--sans);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.viewer-deck-meta{color:#fff6;font-family:var(--mono);text-transform:uppercase;white-space:nowrap;font-size:11px}.viewer-actions{flex:none;gap:8px;display:flex}.viewer-actions .icon-button{color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff26;width:34px;height:34px}.viewer-actions .icon-button:hover{color:#fff;background:#ffffff24}.viewer-stage{flex:1;min-height:0}.viewer-stage iframe{background:#fff;border:0;width:100%;height:100%;display:block}.back-button-mobile{display:none}.edit-btn,.save-btn,.cancel-btn{font-family:var(--sans);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.edit-btn{color:#e8a88a;background:#bd5f3d26;border:1px solid #bd5f3d66}.edit-btn:hover{color:#f0c0a6;background:#bd5f3d47;border-color:#bd5f3d99}.save-btn{color:#68d391;background:#48bb7826;border:1px solid #48bb7880}.save-btn:hover:not(:disabled){background:#48bb7847;border-color:#48bb78b3}.save-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{color:#fff9;background:#ffffff0f;border:1px solid #ffffff26}.cancel-btn:hover:not(:disabled){color:#ffffffd9;background:#ffffff1f}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.edit-indicator{color:#e8a88a;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;background:#bd5f3d33;border-radius:100px;align-items:center;padding:2px 10px;font-size:10px;font-weight:700;animation:2s ease-in-out infinite edit-pulse;display:inline-flex}@keyframes edit-pulse{0%,to{opacity:1}50%{opacity:.6}}.back-button:disabled{opacity:.3;cursor:not-allowed}@media (width<=1120px){.board-grid{padding:24px 28px}.series-header{padding:24px 28px 0}.series-overview{padding:16px 28px}.showcase-skill-grid,.showcase-work-grid,.showcase-method-grid,.showcase-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.showcase-hero{grid-template-columns:1fr;min-height:auto;padding-top:36px}.showcase-hero-visual{order:-1;min-height:360px}.showcase-hero-frame{width:min(280px,70%)}.showcase-nav-links{display:none}}@media (width<=860px){.login-shell{grid-template-columns:1fr;min-height:100svh}.showcase-skill-grid,.showcase-work-grid,.showcase-method-grid,.showcase-case-grid,.showcase-scenario-grid{grid-template-columns:1fr}.showcase-case-note{flex-direction:column;align-items:stretch}.showcase-case-note .showcase-cta-primary{justify-content:center}.showcase-banner-frame{grid-template-columns:1fr}.showcase-banner-frame video{min-height:220px;max-height:260px}.showcase-scenario-card.has-media{grid-template-columns:72px 1fr}.showcase-scenario-media{width:72px;height:72px}.showcase-gallery-item{width:160px;height:120px}.showcase-about-card{text-align:center;grid-template-columns:1fr}.showcase-about-points{text-align:left}.showcase-about-avatar{margin:0 auto}.showcase-footer{text-align:center;flex-direction:column}.showcase-stats{max-width:none}.login-left{text-align:center;align-items:center;padding:40px 28px 32px}.login-headline h1{font-size:clamp(28px,7vw,42px)}.login-lede{margin:0 auto 32px}.login-card{width:100%;max-width:100%}.login-right{min-height:340px;padding:20px}.board-grid{grid-template-columns:1fr;padding:20px}.hero-section{grid-template-columns:1fr;gap:20px;padding:36px 28px 28px}.hero-section h1{font-size:clamp(32px,8vw,56px)}.series-overview{gap:8px;padding:14px 20px}.series-chip-label{display:none}.series-header{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 20px 0}.series-header-icon{border-radius:10px;width:36px;height:36px;font-size:17px}.series-title{font-size:18px}.series-desc{font-size:13px}}@media (width<=640px){.login-shell{grid-template-columns:1fr}.login-left{padding:32px 20px 24px}.login-headline h1{font-size:clamp(24px,7vw,36px)}.login-lede{margin-bottom:24px;font-size:14px}.login-card{border-radius:12px;padding:18px 16px 16px}.login-card input,.login-card button[type=submit]{height:44px;font-size:14px}.login-right{min-height:260px;padding:14px}.visual-frame{border-radius:14px}.topbar{height:60px;padding:0 14px}.board-grid{gap:16px;padding:14px}.board-card{grid-template-rows:180px auto}.board-visual-icon{font-size:40px}.viewer-topbar{height:50px;padding:0 10px}.back-label,.viewer-deck-meta{display:none}.back-button-mobile{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--sans);cursor:pointer;z-index:20;background:#211b17cc;border:1px solid #fff3;border-radius:8px;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:600;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}}@media (width<=420px){.login-left{padding:24px 16px 20px}.login-headline h1{font-size:22px}.login-lede{font-size:13px}.brand-mark{margin-bottom:20px}.login-right{min-height:200px;padding:10px}.visual-frame{border-radius:10px}.visual-controls{bottom:18px}.visual-switch-btn{width:28px;height:28px;bottom:16px;right:16px}}