*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light;--bg: #fafaf9;--surface: #ffffff;--surface-muted: #f5f5f0;--border: #e8e8e3;--ink: #18181b;--ink-2: #52525b;--ink-3: #a1a1aa;--accent: #2563eb;--radius-sm: 12px;--radius-md: 14px;--radius-lg: 20px;--shadow-1: 0 1px 3px rgba(0, 0, 0, .04);--shadow-2: 0 4px 24px rgba(0, 0, 0, .08);--shadow-3: 0 12px 48px rgba(0, 0, 0, .12);--glass-bg: rgba(250, 250, 249, .85);--glass-border: rgba(232, 232, 227, .9);--outline: rgba(24, 24, 27, .12);--ease-out: cubic-bezier(.22, 1, .36, 1);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-serif: "Noto Serif SC", ui-serif, "Songti SC", "STSong", serif;--gradient-accent: linear-gradient(135deg, rgba(37, 99, 235, 0) 0%, rgba(37, 99, 235, .14) 55%, rgba(37, 99, 235, 0) 100%)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--ink);line-height:1.75;overflow-x:hidden}::selection{background:#2563eb29}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpSoft{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;border-bottom:1px solid transparent;transition:background .18s var(--ease-out),border-color .18s var(--ease-out),box-shadow .18s var(--ease-out)}.navbar--scrolled{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border);box-shadow:var(--shadow-1)}.navbar-container{max-width:1200px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--ink);letter-spacing:-.02em;transition:transform .18s var(--ease-out),color .18s var(--ease-out)}.navbar-logo:hover{transform:scale(1.05)}.logo-mark{width:36px;height:36px;border-radius:10px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-1);flex-shrink:0}.logo-img{width:100%;height:100%;object-fit:cover;display:block}.logo-i{font-style:italic;color:var(--accent)}.navbar-menu{display:flex;gap:2.5rem;list-style:none}.navbar-link{position:relative;font-size:1rem;font-weight:550;color:var(--ink-2);padding:.5rem 0;transition:color .18s var(--ease-out)}.navbar-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--ink);opacity:.35;transition:width .18s var(--ease-out)}.navbar-link:hover{color:var(--ink)}.navbar-link:hover:after{width:100%}.navbar-link.active{color:var(--ink)}.navbar-link.active:after{width:100%}@media (max-width: 768px){.navbar-container{padding:1rem 1.5rem}.navbar-menu{gap:1.5rem}.navbar-link{font-size:.9rem}}.footer{background:linear-gradient(to bottom,#22222e,#181820);border-top:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;bottom:0;left:0;right:0;height:300px;background:radial-gradient(ellipse 65% 100% at 50% 100%,rgba(37,99,235,.09) 0%,transparent 70%);pointer-events:none;z-index:0}.footer-container{max-width:1200px;margin:0 auto;padding:6.5rem 2rem 2.5rem;position:relative;z-index:1}.footer-brand{margin-bottom:4.5rem;padding-bottom:4rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:baseline;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer-wordmark{font-size:clamp(4.5rem,9vw,9rem);font-weight:900;letter-spacing:-.06em;line-height:.9;color:#ffffffd1;-webkit-user-select:none;user-select:none}.footer-slogan{font-size:.9rem;color:#ffffff61;letter-spacing:.01em;align-self:flex-end;padding-bottom:.5rem}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:3rem;margin-bottom:4rem}.footer-col-heading{font-size:.67rem;font-weight:740;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;margin-bottom:1.25rem}.footer-nav{list-style:none;display:flex;flex-direction:column;gap:.65rem}.footer-nav a{font-size:.9rem;color:#ffffff8c;text-decoration:none;display:inline-block;transition:color .2s var(--ease-out)}.footer-nav a:hover{color:#ffffffeb}.footer-currently{list-style:none;display:flex;flex-direction:column;gap:.8rem}.footer-currently li{display:flex;align-items:center;gap:.6rem;font-size:.875rem;color:#ffffff85;line-height:1.5}.footer-cur-dot{width:5px;height:5px;border-radius:50%;background:#60a5fad9;flex-shrink:0;box-shadow:0 0 8px #2563eb8c}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}.footer-copyright,.footer-made{font-size:.8rem;color:#ffffff4d}@media (max-width: 768px){.footer-container{padding:5rem 1.5rem 2rem}.footer-brand{flex-direction:column;align-items:flex-start;gap:.75rem;padding-bottom:3rem;margin-bottom:3rem}.footer-wordmark{font-size:clamp(3rem,12vw,5rem)}.footer-slogan{padding-bottom:0;align-self:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}.footer-col:last-child{grid-column:1 / -1}.footer-bottom{flex-direction:column;align-items:flex-start;gap:.4rem}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-col:last-child{grid-column:auto}}.home{min-height:100vh}.hero{padding:10rem 0 6rem;position:relative;overflow:hidden;background:var(--bg)}.hero:before{content:"DIGITAL SPACE";position:absolute;left:50%;top:18%;transform:translate(-50%);font-size:clamp(64px,10vw,140px);font-weight:800;letter-spacing:-.06em;color:#18181b0d;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1.15fr .85fr;gap:5rem;align-items:center;position:relative}.hero-content{animation:fadeInUpSoft .7s ease-out both}.hero-tag{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff80;border:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:.5rem 1.25rem;border-radius:50px;margin-bottom:2rem;font-size:.9rem;color:var(--ink-2)}.tag-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse 2s infinite}.hero-title{font-size:clamp(3rem,4.6vw,4.6rem);font-weight:850;letter-spacing:-.04em;line-height:1.05;margin-bottom:1.5rem;font-family:var(--font-serif)}.gradient-text{display:block;position:relative;z-index:0;color:var(--ink)}.gradient-text:after{content:"";position:absolute;left:-.04em;right:-.04em;bottom:.14em;height:.36em;background:#2563eb29;border-radius:10px;z-index:-1;transform:skew(-10deg)}.hero-description{font-size:17px;color:var(--ink-2);line-height:1.75;max-width:44ch;letter-spacing:.02em;margin-bottom:1.25rem}.hero-actions{display:inline-flex;align-items:center;gap:.6rem;margin-top:.25rem}.btn{position:relative;display:inline-flex;align-items:center;gap:.45rem;padding:.68rem 1.3rem;border-radius:12px;font-size:.92rem;font-weight:650;letter-spacing:-.015em;text-decoration:none;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .24s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.25,.46,.45,.94)}.btn:active{transform:scale(.95) translateY(1px)!important;transition-duration:70ms!important}.btn__arrow{display:inline-block;font-style:normal;line-height:1;will-change:transform;transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.btn:hover .btn__arrow{transform:translate(4px)}.btn--primary{background:var(--ink);color:#fff;box-shadow:0 1px 2px #18181b2e,0 4px 14px #18181b24,inset 0 1px #ffffff12}.btn--primary:before{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.11) 50%,transparent 100%);transform:skew(-18deg);transition:left .52s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 2px 4px #18181b33,0 10px 28px #18181b2e,inset 0 1px #ffffff17}.btn--primary:hover:before{left:140%}.btn--primary:focus-visible{outline:2.5px solid rgba(24,24,27,.55);outline-offset:3px}.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--border),var(--shadow-1)}.btn--ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);border-radius:inherit;transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.25,.46,.45,.94);z-index:0;pointer-events:none}.btn--ghost .btn__label,.btn--ghost .btn__arrow{position:relative;z-index:1;transition:color .26s cubic-bezier(.25,.46,.45,.94),transform .26s cubic-bezier(.34,1.56,.64,1)}.btn--ghost:hover{color:#fff;transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--ink),0 2px 4px #18181b24,0 8px 20px #18181b1a}.btn--ghost:hover:before{transform:scaleX(1)}.btn--ghost:hover .btn__label,.btn--ghost:hover .btn__arrow{color:#fff}.btn--ghost:focus-visible{outline:2.5px solid rgba(24,24,27,.55);outline-offset:3px}.hero-visual{position:relative;height:520px}.collage{position:relative;width:100%;height:100%}.collage:before{content:"";position:absolute;top:-40px;right:-20px;bottom:-40px;left:-20px;background:radial-gradient(circle at 26% 26%,rgba(37,99,235,.14),transparent 50%),radial-gradient(circle at 74% 20%,rgba(99,102,241,.09),transparent 46%),radial-gradient(circle at 16% 76%,rgba(37,99,235,.08),transparent 42%),radial-gradient(circle at 80% 78%,rgba(99,102,241,.08),transparent 42%);filter:blur(36px);opacity:.65}.collage-card{position:absolute;border-radius:1.25rem;padding:1.5rem 1.5rem 1.6rem;transform-origin:center;background:var(--surface);border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 30px -10px #0000000d,0 4px 6px -4px #00000005;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.34,1.56,.64,1);animation:fadeInUpSoft .7s ease-out both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.collage-card:hover{transform:translateY(-8px) rotate(calc(var(--r) * 1.5));box-shadow:0 20px 40px -15px #00000014,0 8px 12px -6px #0000000a}.collage-card__meta{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.pill{display:inline-flex;align-items:center;height:24px;padding:0 .6rem;border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.02em;background:var(--surface-muted);border:1px solid rgba(0,0,0,.04);color:var(--ink-2)}.pill--accent{background:var(--gradient-accent);color:#fff;border:none}.pill--muted{background:#f5f5f0;color:var(--ink-3);border:none}.collage-card__title{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin-bottom:.5rem}.collage-card__desc{font-size:.88rem;color:var(--ink-2);line-height:1.5}.collage-card--featured{width:88%;left:6%;top:10%;--r: -1.5deg;transform:rotate(var(--r));animation-delay:.08s;z-index:1;background:#ffffffd9;border-color:#2563eb1f;overflow:hidden}.collage-card--featured:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--gradient-accent);pointer-events:none;z-index:0}.collage-card--featured>*{position:relative;z-index:1}.collage-card--featured:hover{box-shadow:0 24px 48px -12px #2563eb26,0 12px 16px -8px #2563eb14}.collage-card--note{width:60%;left:5%;top:45%;--r: -6deg;transform:rotate(var(--r));animation-delay:.14s;z-index:2;background:#fffffff2}.collage-card--note:hover{box-shadow:0 24px 48px -12px #0000001a,0 12px 16px -8px #0000000d}.collage-card--tool{width:65%;right:-15%;top:35%;--r: 12deg;transform:rotate(var(--r));animation-delay:.2s;z-index:3;background:#fffffff2}.collage-card--tool:hover{box-shadow:0 24px 48px -12px #0000001a,0 12px 16px -8px #0000000d}.collage-chip{position:absolute;right:8%;top:8%;z-index:10;display:inline-flex;align-items:center;gap:.5rem;height:30px;padding:0 .85rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 8px #00000012,0 6px 20px #0000000f;animation:fadeInUpSoft .7s ease-out both;animation-delay:.28s}.chip-live{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:chipPulse 2.2s ease-in-out infinite}@keyframes chipPulse{0%,to{box-shadow:0 0 #22c55e8c}60%{box-shadow:0 0 0 5px #22c55e00}}.chip-label{color:var(--ink);font-size:.82rem;font-weight:720;letter-spacing:-.02em}.features{padding:7rem 0;background:var(--surface-muted)}.features-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.75rem}.section-head__left{display:flex;flex-direction:column;gap:.35rem}.section-eyebrow{font-size:.78rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.section-title{font-size:2.4rem;font-weight:840;letter-spacing:-.04em;line-height:1;color:var(--ink)}.section-more{display:inline-flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:650;color:var(--ink-2);letter-spacing:-.01em;padding-bottom:1px;border-bottom:1px solid var(--border);white-space:nowrap;transition:color .2s var(--ease-out),border-color .2s var(--ease-out)}.section-more:hover{color:var(--ink);border-color:var(--ink)}.section-more__arrow{display:inline-block;transition:transform .24s cubic-bezier(.34,1.56,.64,1)}.section-more:hover .section-more__arrow{transform:translate(4px)}.projects-showcase{display:grid;grid-template-columns:1.35fr .65fr;gap:1.5rem;align-items:stretch}.showcase-featured{display:grid;grid-template-columns:.88fr 1.12fr;gap:1.75rem;padding:1.5rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 3px #0000000a,0 6px 24px #0000000f;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .28s var(--ease-out);animation:fadeInUpSoft .75s ease-out both}.showcase-featured:hover{transform:translateY(-5px);box-shadow:0 2px 6px #0000000d,0 14px 44px #00000017}.showcase-cover{position:relative;border-radius:var(--radius-md);overflow:hidden;background-color:var(--bg);background-image:radial-gradient(circle,rgba(37,99,235,.1) 1px,transparent 1px);background-size:22px 22px;border:1px solid var(--border);min-height:210px}.showcase-cover__glow{position:absolute;top:-30%;right:-20%;bottom:-30%;left:-20%;background:radial-gradient(circle at 32% 38%,rgba(37,99,235,.3),transparent 52%),radial-gradient(circle at 72% 62%,rgba(99,102,241,.18),transparent 50%);filter:blur(18px)}.showcase-cover__badge{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:.4rem;height:26px;padding:0 .7rem;border-radius:999px;background:#ffffffe0;border:1px solid var(--border);font-size:.78rem;font-weight:700;letter-spacing:-.01em;color:var(--ink);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cover-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.showcase-featured--tts{text-decoration:none;color:inherit}.showcase-cover--tts{background-color:#0a1628;background-image:radial-gradient(circle,rgba(6,182,212,.12) 1px,transparent 1px);background-size:22px 22px;border-color:#06b6d433}.showcase-cover__glow--tts{background:radial-gradient(circle at 25% 35%,rgba(6,182,212,.38),transparent 52%),radial-gradient(circle at 75% 65%,rgba(14,116,144,.25),transparent 50%)}.showcase-cover__badge--live{background:#06b6d426;border-color:#06b6d459;color:#22d3ee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cover-badge-dot--live{background:#06b6d4;animation:home-live-pulse 2s ease-in-out infinite}@keyframes home-live-pulse{0%,to{box-shadow:0 0 #06b6d480}50%{box-shadow:0 0 0 4px #06b6d400}}.showcase-terminal{position:absolute;bottom:1rem;left:1rem;right:1rem;background:#020c16cc;border:1px solid rgba(6,182,212,.2);border-radius:8px;padding:.6rem .8rem;font-family:SF Mono,Fira Code,Menlo,monospace;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.showcase-terminal__bar{display:flex;gap:5px;margin-bottom:.5rem}.showcase-terminal__bar span{width:7px;height:7px;border-radius:50%}.showcase-terminal__bar span:nth-child(1){background:#ff5f57}.showcase-terminal__bar span:nth-child(2){background:#ffbd2e}.showcase-terminal__bar span:nth-child(3){background:#28ca41}.showcase-terminal__body{display:flex;flex-direction:column;gap:2px}.st-line{font-size:.68rem;line-height:1.6;display:flex;align-items:baseline;gap:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-dim{color:#67e8f973}.st-ok{color:#4ade80}.st-msg{color:#e0f2febf}.st-bot{color:#67e8f9e6}.st-user{font-size:.6rem;font-weight:700;color:#38bdf8;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.st-bot-label{flex-shrink:0}.showcase-kicker--tts{color:#0891b2}.showcase-body{display:flex;flex-direction:column;justify-content:center;gap:0}.showcase-kicker{font-size:.8rem;font-weight:680;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:.55rem}.showcase-title{font-size:1.6rem;font-weight:840;letter-spacing:-.03em;line-height:1.2;margin-bottom:.65rem;color:var(--ink)}.showcase-desc{font-size:.93rem;color:var(--ink-2);line-height:1.65;margin-bottom:1.25rem}.showcase-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;font-weight:700;letter-spacing:-.01em;color:var(--ink-2);width:fit-content;padding-bottom:1px;border-bottom:1px solid var(--border);transition:color .2s var(--ease-out),border-color .2s var(--ease-out)}.showcase-link__arrow{display:inline-block;transition:transform .24s cubic-bezier(.34,1.56,.64,1)}.showcase-featured:hover .showcase-link{color:var(--accent);border-color:var(--accent)}.showcase-featured:hover .showcase-link__arrow{transform:translate(4px)}.showcase-side{display:flex;flex-direction:column;gap:1.25rem}.showcase-card{flex:1;display:flex;flex-direction:column;padding:1.35rem 1.35rem 1.25rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 3px #0000000a,0 4px 14px #0000000d;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .28s var(--ease-out);animation:fadeInUpSoft .75s ease-out both;animation-delay:.08s}.showcase-card:last-child{animation-delay:.14s}.showcase-card:hover{transform:translateY(-5px);box-shadow:0 2px 6px #0000000d,0 12px 36px #00000017}.showcase-card__top{margin-bottom:.75rem}.card-tag{display:inline-flex;align-items:center;height:22px;padding:0 .6rem;border-radius:999px;font-size:.75rem;font-weight:680;letter-spacing:.03em;text-transform:uppercase;background:#2563eb14;border:1px solid rgba(37,99,235,.14);color:var(--accent)}.card-tag--alt{background:#6366f114;border-color:#6366f124;color:#4f46e5f2}.showcase-card__title{font-size:1.15rem;font-weight:840;letter-spacing:-.025em;line-height:1.3;color:var(--ink);margin-bottom:.4rem}.showcase-card__desc{font-size:.9rem;color:var(--ink-2);line-height:1.55;flex:1}.card-arrow{display:inline-block;margin-top:1rem;font-size:.95rem;color:var(--ink-3);transition:transform .24s cubic-bezier(.34,1.56,.64,1),color .2s var(--ease-out)}.showcase-card:hover .card-arrow{transform:translate(5px);color:var(--accent)}@media (max-width: 968px){.hero-container{grid-template-columns:1fr}.hero-visual{display:none}.hero-title{font-size:2.5rem}.section-head{flex-direction:column;align-items:flex-start}.projects-showcase,.showcase-featured{grid-template-columns:1fr}}@media (max-width: 640px){.hero{padding:8rem 0 4rem}.hero-title{font-size:2rem}.hero-actions{flex-direction:column}.btn{width:100%}}.creation-preview{padding:7rem 0;background:var(--surface-muted)}.creation-preview-container{max-width:1200px;margin:0 auto;padding:0 2rem}.cp-list{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.cp-featured{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;text-decoration:none;color:inherit;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);transition:border-color .3s,box-shadow .3s,transform .3s}.cp-featured:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 12px 40px #00000014;transform:translateY(-3px)}.cp-featured--small{grid-template-columns:220px 1fr;gap:1.5rem}.cp-featured--small .cp-thumb{aspect-ratio:unset;align-self:stretch;min-height:130px}.cp-featured--small .cp-title{font-size:1rem}.cp-featured--small .cp-desc{font-size:.82rem;-webkit-line-clamp:2}.cp-thumb{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,#0d0e16,#141726 40%,#1a1d30,#0a0c14);display:flex;align-items:center;justify-content:center;overflow:hidden}.cp-cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s var(--ease-out)}.cp-cover-img--portrait{object-position:center 38%}.cp-featured:hover .cp-cover-img{transform:scale(1.04)}.cp-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,rgba(37,99,235,.18) 0%,transparent 65%),radial-gradient(ellipse at 80% 20%,rgba(139,92,246,.12) 0%,transparent 55%)}.cp-play-btn{width:52px;height:52px;border-radius:50%;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s,transform .3s;position:relative;z-index:1}.cp-featured:hover .cp-play-btn{background:#ffffff38;transform:scale(1.1)}.cp-category{position:absolute;bottom:1rem;left:1rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:.25rem .65rem;z-index:1}.cp-info{padding:2rem 2.25rem 2rem .5rem;display:flex;flex-direction:column;justify-content:center;gap:.75rem}.cp-info-top{display:flex;align-items:center;gap:.75rem}.cp-type{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.cp-date{font-size:.78rem;color:var(--ink-3)}.cp-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.2;margin:0}.cp-desc{font-size:.925rem;color:var(--ink-2);line-height:1.65;margin:0}.cp-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;color:var(--accent);margin-top:.5rem;transition:gap .2s}.cp-featured:hover .cp-link{gap:.65rem}@media (max-width: 768px){.cp-featured,.cp-featured--small{grid-template-columns:1fr}.cp-featured--small{gap:0}.cp-featured--small .cp-thumb{min-height:unset;aspect-ratio:16 / 9}.cp-info{padding:1.5rem}.cp-title{font-size:1.25rem}}.thoughts-preview{padding:7rem 0;background:var(--bg)}.thoughts-preview-container{max-width:1200px;margin:0 auto;padding:0 2rem}.thoughts-timeline{margin-top:.5rem}.tl-item{display:grid;grid-template-columns:80px 1fr auto;align-items:start;gap:2.25rem;padding:1.75rem 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;animation:fadeInUpSoft .65s ease-out both;transition:background .18s var(--ease-out)}.tl-item:first-child{border-top:1px solid var(--border)}.tl-left{display:flex;flex-direction:column;gap:.3rem;padding-top:3px}.tl-date{font-size:.82rem;font-weight:650;color:var(--ink-2);letter-spacing:-.01em;white-space:nowrap}.tl-readtime{font-size:.75rem;color:var(--ink-3);font-weight:500;letter-spacing:.01em}.tl-body{display:flex;flex-direction:column;gap:.4rem}.tl-meta-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.tl-category{display:inline-flex;align-items:center;height:20px;padding:0 .55rem;border-radius:999px;font-size:.72rem;font-weight:680;letter-spacing:.04em;text-transform:uppercase;background:#2563eb12;border:1px solid rgba(37,99,235,.13);color:var(--accent)}.tl-stats{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;color:#ff4d4f;background:#ff4d4f14;padding:.15rem .5rem;border-radius:999px}.tl-stats svg{margin-top:-1px}.tl-title{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;line-height:1.3;color:var(--ink);transition:color .2s var(--ease-out)}.tl-excerpt{font-size:.88rem;color:var(--ink-2);line-height:1.65;max-width:64ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tl-arrow{font-size:1rem;color:var(--ink-3);padding-top:4px;flex-shrink:0;transition:transform .24s cubic-bezier(.34,1.56,.64,1),color .2s var(--ease-out)}.tl-item:hover .tl-title{color:var(--accent)}.tl-item:hover .tl-arrow{transform:translate(6px);color:var(--accent)}@media (max-width: 640px){.tl-item{grid-template-columns:60px 1fr auto;gap:1.25rem}.tl-title{font-size:1.05rem}}.projects{min-height:100vh}.pj-hero{padding:10rem 0 0}.pj-hero-inner{max-width:1200px;margin:0 auto;padding:0 2rem 2.5rem;animation:fadeInUpSoft .65s ease-out both}.pj-hero-meta{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:.75rem}.pj-eyebrow{font-size:.78rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.pj-tally{font-size:5rem;font-weight:860;letter-spacing:-.06em;line-height:.85;color:#18181b0e;-webkit-user-select:none;user-select:none}.pj-page-title{font-size:clamp(3rem,5vw,4.5rem);font-weight:880;letter-spacing:-.05em;line-height:1;margin-bottom:.6rem;color:var(--ink)}.pj-page-sub{font-size:.95rem;color:var(--ink-2);letter-spacing:.01em}.pj-rule{margin-top:2.5rem;height:1px;background:var(--border)}.pj-body{padding:2rem 0 7rem}.pj-grid{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.pj-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;box-shadow:0 1px 3px #0000000a,0 4px 16px #0000000d;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .28s var(--ease-out);animation:fadeInUpSoft .7s ease-out both}.pj-card:nth-child(1){animation-delay:.04s}.pj-card:nth-child(2){animation-delay:.1s}.pj-card:nth-child(3){animation-delay:.16s}.pj-card:nth-child(4){animation-delay:.22s}.pj-card:nth-child(5){animation-delay:.28s}.pj-card:nth-child(6){animation-delay:.34s}.pj-card:hover{transform:translateY(-5px);box-shadow:0 2px 6px #0000000d,0 14px 44px #00000017}.pj-card--1{grid-column:span 2}.pj-card--6{grid-column:span 3;flex-direction:row}.pj-cover{position:relative;aspect-ratio:16 / 9;flex-shrink:0;overflow:hidden}.pj-card--1 .pj-cover{aspect-ratio:21 / 9}.pj-card--6 .pj-cover{aspect-ratio:unset;width:40%;min-height:220px}.pj-index{position:absolute;right:16px;bottom:14px;font-size:1rem;font-weight:780;letter-spacing:-.03em;color:#ffffff8c;line-height:1}.pj-theme--indigo{background:radial-gradient(ellipse at 30% 40%,rgba(99,102,241,.6) 0%,transparent 58%),radial-gradient(ellipse at 75% 70%,rgba(37,99,235,.5) 0%,transparent 55%),linear-gradient(145deg,#dbeafe,#c7d2fe 40%,#818cf8)}.pj-theme--emerald{background:radial-gradient(ellipse at 35% 35%,rgba(16,185,129,.55) 0%,transparent 58%),radial-gradient(ellipse at 72% 68%,rgba(5,150,105,.4) 0%,transparent 52%),linear-gradient(145deg,#d1fae5,#a7f3d0 40%,#34d399)}.pj-theme--violet{background:radial-gradient(ellipse at 28% 38%,rgba(124,58,237,.55) 0%,transparent 56%),radial-gradient(ellipse at 70% 65%,rgba(109,40,217,.45) 0%,transparent 52%),linear-gradient(145deg,#ede9fe,#ddd6fe 40%,#a78bfa)}.pj-theme--amber{background:radial-gradient(ellipse at 32% 36%,rgba(217,119,6,.5) 0%,transparent 55%),radial-gradient(ellipse at 70% 68%,rgba(245,158,11,.4) 0%,transparent 50%),linear-gradient(145deg,#fef3c7,#fde68a 40%,#fbbf24)}.pj-theme--rose{background:radial-gradient(ellipse at 30% 38%,rgba(225,29,72,.5) 0%,transparent 56%),radial-gradient(ellipse at 72% 66%,rgba(236,72,153,.4) 0%,transparent 52%),linear-gradient(145deg,#ffe4e6,#fecdd3 40%,#fb7185)}.pj-theme--slate{background:radial-gradient(ellipse at 30% 35%,rgba(71,85,105,.45) 0%,transparent 55%),radial-gradient(ellipse at 70% 65%,rgba(100,116,139,.35) 0%,transparent 50%),linear-gradient(145deg,#f1f5f9,#e2e8f0 40%,#94a3b8)}.pj-theme--cyan{background:radial-gradient(ellipse at 25% 35%,rgba(6,182,212,.65) 0%,transparent 55%),radial-gradient(ellipse at 75% 70%,rgba(14,116,144,.5) 0%,transparent 52%),linear-gradient(145deg,#cffafe,#a5f3fc,#22d3ee 70%,#0891b2)}.pj-theme--indigo:before,.pj-theme--emerald:before,.pj-theme--violet:before,.pj-theme--amber:before,.pj-theme--rose:before,.pj-theme--slate:before,.pj-theme--cyan:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.pj-cover-terminal{position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem;background:#00141cb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(34,211,238,.25);border-radius:8px;padding:.65rem .85rem .75rem;z-index:2;font-family:SF Mono,Fira Code,Menlo,monospace;box-shadow:0 4px 24px #0000004d}.pj-terminal-bar{display:flex;gap:5px;margin-bottom:.55rem}.pj-terminal-bar span{width:8px;height:8px;border-radius:50%;background:#ffffff2e}.pj-terminal-bar span:nth-child(1){background:#ff5f57}.pj-terminal-bar span:nth-child(2){background:#ffbd2e}.pj-terminal-bar span:nth-child(3){background:#28ca41}.pj-terminal-lines{display:flex;flex-direction:column;gap:3px}.pj-tl{font-size:.7rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pj-tl--dim{color:#94ecff80}.pj-tl--ok{color:#4ade80}.pj-tl--cursor{color:#94ecffcc;animation:pj-blink 1.1s step-end infinite}@keyframes pj-blink{0%,to{opacity:1}50%{opacity:0}}.pj-info-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.pj-live-badge{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:680;letter-spacing:.04em;color:#0891b2;background:#06b6d41a;border:1px solid rgba(6,182,212,.25);padding:.2rem .55rem;border-radius:20px}.pj-live-dot{width:6px;height:6px;border-radius:50%;background:#06b6d4;flex-shrink:0;animation:pj-live-pulse 2s ease-in-out infinite}@keyframes pj-live-pulse{0%,to{box-shadow:0 0 #06b6d480}50%{box-shadow:0 0 0 4px #06b6d400}}.pj-cta-row{display:flex;align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;flex-wrap:wrap}.pj-github-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:580;color:var(--ink-3);text-decoration:none;padding:.45rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);transition:color .22s,border-color .22s,background .22s}.pj-github-link:hover{color:var(--ink);border-color:var(--ink-3);background:var(--surface-muted)}.pj-info{padding:1.35rem 1.5rem 1.5rem;display:flex;flex-direction:column;flex:1}.pj-card--6 .pj-info{padding:2rem 2.25rem;justify-content:center}.pj-info-top .pj-category,.pj-category{display:inline-flex;align-items:center;height:20px;padding:0 .55rem;border-radius:999px;font-size:.72rem;font-weight:680;letter-spacing:.05em;text-transform:uppercase;background:#2563eb12;border:1px solid rgba(37,99,235,.13);color:var(--accent);align-self:flex-start;margin-bottom:.65rem}.pj-title{font-size:1.15rem;font-weight:820;letter-spacing:-.03em;line-height:1.25;color:var(--ink);margin-bottom:.5rem}.pj-card--1 .pj-title{font-size:1.55rem;margin-bottom:.7rem}.pj-card--6 .pj-title{font-size:1.65rem;margin-bottom:.8rem}.pj-desc{font-size:.9rem;color:var(--ink-2);line-height:1.7;margin-bottom:1.1rem}.pj-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.1rem;margin-top:auto;padding-top:.75rem}.pj-tag{display:inline-flex;align-items:center;height:22px;padding:0 .6rem;border-radius:999px;font-size:.73rem;font-weight:620;letter-spacing:.01em;background:var(--surface-muted);border:1px solid var(--border);color:var(--ink-2)}.pj-cta{align-self:flex-start;border:none;font-family:inherit;font-size:.88rem;margin-top:0}.pj-info>.pj-cta{margin-top:auto;padding-top:1rem}@media (max-width: 900px){.pj-grid{grid-template-columns:repeat(2,1fr)}.pj-card--1{grid-column:span 2}.pj-card--6{grid-column:span 2;flex-direction:column}.pj-card--6 .pj-cover{width:100%;min-height:unset;aspect-ratio:16 / 7}}@media (max-width: 600px){.pj-grid{grid-template-columns:1fr}.pj-card--1,.pj-card--6{grid-column:span 1}.pj-card--1 .pj-cover{aspect-ratio:16 / 9}}.thoughts{min-height:100vh}.th-hero{padding:10rem 0 2.5rem}.th-hero-inner{max-width:1200px;margin:0 auto;padding:0 2rem 2.5rem;border-bottom:1px solid var(--border);animation:fadeInUpSoft .65s ease-out both}.th-hero-meta{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:.75rem}.th-eyebrow{font-size:.78rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.th-tally{font-size:5rem;font-weight:860;letter-spacing:-.06em;line-height:.85;color:#18181b0e;-webkit-user-select:none;user-select:none}.th-page-title{font-size:clamp(3rem,5vw,4.5rem);font-weight:880;letter-spacing:-.05em;line-height:1;margin-bottom:.6rem;color:var(--ink)}.th-page-sub{font-size:.95rem;color:var(--ink-2)}.th-timeline-section{padding:3rem 0 2rem;position:relative}.th-timeline-section:after{content:"";position:absolute;bottom:calc(2rem + 6px);transform:translateY(50%);left:0;right:0;height:1.5px;background:linear-gradient(to right,transparent 0%,rgba(37,99,235,.3) 10%,var(--accent) 20%,rgba(37,99,235,.45) 50%,rgba(150,150,150,.35) 80%,transparent 100%);pointer-events:none;z-index:0}.th-timeline-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.th-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;position:relative}.th-node{display:flex;flex-direction:column;align-items:center;gap:.85rem;position:relative;z-index:1;text-decoration:none;color:inherit;cursor:pointer}.th-node-dot{width:12px;height:12px;border-radius:50%;position:relative;flex-shrink:0;transition:transform .32s cubic-bezier(.34,1.56,.64,1),border-color .22s var(--ease-out),background .22s var(--ease-out),box-shadow .26s var(--ease-out)}.th-node--1 .th-node-dot{border:2px solid var(--accent);background:var(--accent);box-shadow:0 0 0 4px #2563eb24,0 0 0 8px #2563eb0d}.th-node--2 .th-node-dot{border:2px solid rgba(37,99,235,.32);background:#2563eb0f}.th-node--3 .th-node-dot{border:2px solid #d4d4d0;background:var(--bg)}.th-node:hover .th-node-dot{transform:scale(1.4);border-color:var(--accent);background:#2563eb1a;box-shadow:0 0 0 4px #2563eb1f,0 0 14px #2563eb33}.th-node--latest:hover .th-node-dot{transform:scale(1.3);background:var(--accent);box-shadow:0 0 0 5px #2563eb2e,0 0 18px #2563eb6b}.th-node-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1.5px solid rgba(37,99,235,.3);animation:ringPulse 2.8s ease-in-out infinite;pointer-events:none}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.65}50%{transform:scale(1.7);opacity:0}}.th-node-card{width:100%;flex:1;display:flex;flex-direction:column;gap:.38rem;padding:1.1rem 1.2rem 1.15rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 3px #0000000a,0 4px 14px #0000000d;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .26s var(--ease-out)}.th-node--latest .th-node-card{background:#2563eb06;border-color:#2563eb29;box-shadow:0 -6px 24px #2563eb29,0 2px 6px #0000000a,0 8px 22px #0000000d}.th-node:hover .th-node-card{transform:translateY(-4px);box-shadow:0 2px 8px #0000000f,0 12px 32px #00000017}.th-node--latest:hover .th-node-card{transform:translateY(-4px);box-shadow:0 -8px 30px #2563eb38,0 3px 10px #0000000d,0 14px 36px #00000014}.th-node-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.1rem}.th-node-date{font-size:.82rem;font-weight:740;letter-spacing:-.01em;color:var(--ink-2);transition:color .2s var(--ease-out)}.th-node:hover .th-node-date{color:var(--ink)}.th-node--latest .th-node-date{color:var(--accent)}.th-node-badge{display:inline-flex;align-items:center;gap:.28rem;height:19px;padding:0 .48rem;border-radius:999px;font-size:.66rem;font-weight:740;letter-spacing:.03em;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);color:var(--accent);flex-shrink:0}.th-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:badgePulse 2.2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.3}}.th-node-category{font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);transition:color .2s var(--ease-out)}.th-node:hover .th-node-category{color:#2563eb99}.th-node--latest .th-node-category{color:#2563eb8c}.th-node-title{font-size:.875rem;font-weight:620;line-height:1.5;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s var(--ease-out);margin:0}.th-node:hover .th-node-title{color:var(--ink)}.th-node--latest .th-node-title{color:var(--ink);font-weight:660}.th-node-arrow{font-size:.82rem;color:var(--ink-3);align-self:flex-end;margin-top:.2rem;transition:transform .24s cubic-bezier(.34,1.56,.64,1),color .2s var(--ease-out)}.th-node:hover .th-node-arrow{transform:translate(4px);color:var(--accent)}.th-node--latest .th-node-arrow{color:#2563eb80}.th-articles{padding:0 0 7rem}.th-articles-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.th-article{display:grid;grid-template-columns:5rem 1fr;gap:2rem;padding:3rem 0;border-bottom:1px solid var(--border);cursor:pointer;animation:fadeInUpSoft .7s ease-out both;transition:background .2s}.th-article-num{font-size:3.5rem;font-weight:860;letter-spacing:-.06em;line-height:1;color:#18181b0f;-webkit-user-select:none;user-select:none;padding-top:.2rem;transition:color .22s var(--ease-out)}.th-article:hover .th-article-num{color:#2563eb1a}.th-article-body{display:flex;flex-direction:column;gap:0}.th-article-header{display:flex;align-items:center;gap:1rem;margin-bottom:.85rem}.th-article-category{display:inline-flex;align-items:center;height:22px;padding:0 .6rem;border-radius:999px;font-size:.72rem;font-weight:680;letter-spacing:.05em;text-transform:uppercase;background:#2563eb12;border:1px solid rgba(37,99,235,.13);color:var(--accent)}.th-article-meta{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--ink-3);font-weight:550;letter-spacing:.01em}.th-article-stats{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#ff4d4f;font-weight:600;margin-left:.25rem}.th-article-stats svg{margin-top:-1px}.th-dot-sep{color:var(--ink-3);opacity:.5}.th-article-title{font-size:clamp(1.4rem,2.2vw,1.85rem);font-weight:840;letter-spacing:-.04em;line-height:1.25;color:var(--ink);margin-bottom:.9rem;transition:color .2s var(--ease-out)}.th-article:hover .th-article-title{color:var(--accent)}.th-article-cover{margin:1.25rem 0;border-radius:var(--radius-md);overflow:hidden;max-width:680px;box-shadow:0 2px 12px #00000012,0 8px 32px #0000000f}.th-article-cover img{width:100%;height:auto;display:block;aspect-ratio:16 / 7;object-fit:cover;transition:transform .4s var(--ease-out)}.th-article:hover .th-article-cover img{transform:scale(1.02)}.th-article-excerpt{font-size:.95rem;color:var(--ink-2);line-height:1.75;max-width:72ch;margin-bottom:1.5rem}.th-read-more{display:inline-flex;align-items:center;gap:.45rem;background:none;border:none;font-family:inherit;font-size:.88rem;font-weight:700;letter-spacing:-.01em;color:var(--ink-2);padding:0 0 1px;cursor:pointer;border-bottom:1px solid var(--border);width:fit-content;transition:color .2s var(--ease-out),border-color .2s var(--ease-out)}.th-read-more__arrow{display:inline-block;transition:transform .24s cubic-bezier(.34,1.56,.64,1)}.th-article:hover .th-read-more{color:var(--accent);border-color:var(--accent)}.th-article:hover .th-read-more__arrow{transform:translate(5px)}@media (max-width: 768px){.th-hero{padding:8rem 0 2rem}.th-page-title{font-size:2.6rem}.th-timeline-section{padding:2.5rem 0 2.75rem}.th-node-title{display:none}.th-article{grid-template-columns:3rem 1fr;gap:1.25rem;padding:2rem 0}.th-article-num{font-size:2.5rem}.th-article-title{font-size:1.3rem}}@media (max-width: 480px){.th-node{padding:0 .25rem}.th-node-category{display:none}}.community{min-height:100vh}.cm-hero{padding:10rem 0 2.5rem;position:relative;overflow:hidden}.cm-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 80% at 90% 0%,rgba(37,99,235,.09) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at -5% 25%,rgba(139,92,246,.06) 0%,transparent 50%);pointer-events:none}.cm-hero:after{content:"@";position:absolute;right:-1rem;top:50%;transform:translateY(-54%);font-size:clamp(18rem,28vw,32rem);font-weight:900;letter-spacing:-.06em;line-height:1;color:#2563eb0a;-webkit-user-select:none;user-select:none;pointer-events:none}.cm-hero-inner{max-width:1200px;margin:0 auto;padding:0 2rem 2.5rem;border-bottom:1px solid var(--border);animation:fadeInUpSoft .65s var(--ease-out) both;position:relative;z-index:1}.cm-hero-meta{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem}.cm-eyebrow{font-size:.78rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.cm-tally{font-size:5rem;font-weight:860;letter-spacing:-.06em;line-height:.85;color:#18181b0e;-webkit-user-select:none;user-select:none}.cm-hero-content{display:flex;flex-direction:column;gap:0}.cm-page-title{font-size:clamp(3rem,5vw,4.5rem);font-weight:880;letter-spacing:-.05em;line-height:1;color:var(--ink);margin-bottom:.65rem}.cm-page-sub{font-size:.95rem;color:var(--ink-2);max-width:44ch}.cm-body{padding:4.5rem 0 9rem}.cm-body-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1.05fr;gap:6rem;align-items:start}.cm-intro{animation:fadeInUpSoft .7s var(--ease-out) .1s both}.cm-intro-label{font-size:.74rem;font-weight:720;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem;display:block}.cm-intro-text{font-size:1.05rem;line-height:1.88;color:var(--ink-2);margin-bottom:1.1rem}.cm-intro-text strong{color:var(--ink);font-weight:720}.cm-topics{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:2rem}.cm-topic{display:inline-flex;align-items:center;height:28px;padding:0 .8rem;border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:-.01em;background:var(--surface);border:1px solid var(--border);color:var(--ink-2);transition:border-color .18s var(--ease-out),color .18s var(--ease-out),background .18s var(--ease-out);cursor:default}.cm-topic:hover{border-color:#2563eb4d;color:var(--accent);background:#2563eb0a}.cm-divider{width:2.5rem;height:1.5px;background:var(--border);margin:2.5rem 0}.cm-quote{font-size:1rem;line-height:1.7;color:var(--ink-3);font-style:italic;border:none;padding:0;letter-spacing:.005em}.cm-contacts{display:flex;flex-direction:column;gap:.9rem;animation:fadeInUpSoft .7s var(--ease-out) .2s both}.cm-primary-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 4px #0000000a,0 6px 20px #0000000d;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .26s var(--ease-out),border-color .22s var(--ease-out)}.cm-primary-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-accent);opacity:0;transition:opacity .32s var(--ease-out);pointer-events:none}.cm-primary-card:hover{transform:translateY(-3px);border-color:#2563eb33;box-shadow:0 2px 8px #0000000d,0 16px 40px #2563eb1a}.cm-primary-card:hover:after{opacity:1}.cm-primary-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#2563eb8c;position:relative;z-index:1;transition:color .22s var(--ease-out),transform .28s cubic-bezier(.34,1.56,.64,1)}.cm-primary-card:hover .cm-primary-icon{color:var(--accent);transform:scale(1.1)}.cm-primary-body{display:flex;flex-direction:column;gap:.18rem;flex:1;position:relative;z-index:1}.cm-primary-platform{font-size:.7rem;font-weight:720;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.cm-primary-handle{font-size:1.02rem;font-weight:680;letter-spacing:-.02em;color:var(--ink)}.cm-primary-desc{font-size:.83rem;color:var(--ink-3);font-weight:460}.cm-primary-arrow{font-size:1rem;color:var(--ink-3);position:relative;z-index:1;flex-shrink:0;transition:transform .24s cubic-bezier(.34,1.56,.64,1),color .2s var(--ease-out)}.cm-primary-card:hover .cm-primary-arrow{transform:translate(5px);color:var(--accent)}.cm-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.cm-social-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.3rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 3px #0000000a;text-decoration:none;color:inherit;position:relative;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .26s var(--ease-out),border-color .22s var(--ease-out)}.cm-social-card:hover{transform:translateY(-3px);box-shadow:0 2px 8px #0000000f,0 12px 30px #00000014}.cm-social-top{display:flex;align-items:flex-start;justify-content:space-between}.cm-social-icon{width:36px;height:36px;border-radius:10px;background:#18181b0d;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--ink-2);flex-shrink:0;transition:background .22s var(--ease-out),border-color .22s var(--ease-out),color .22s var(--ease-out)}.cm-social-arrow{font-size:.85rem;color:transparent;transition:color .2s var(--ease-out),transform .24s cubic-bezier(.34,1.56,.64,1)}.cm-social-card:hover .cm-social-arrow{color:var(--ink-3);transform:translate(2px,-2px)}.cm-social-body{display:flex;flex-direction:column;gap:.15rem}.cm-social-platform{font-size:.92rem;font-weight:720;letter-spacing:-.02em;color:var(--ink);transition:color .2s var(--ease-out)}.cm-social-handle{font-size:.78rem;color:var(--ink-3)}.cm-social--github:hover{border-color:#1b1f2338}.cm-social--github:hover .cm-social-icon{background:#1b1f2314;border-color:#1b1f232e;color:#1b1f23}.cm-social--github:hover .cm-social-platform{color:#1b1f23}.cm-social--twitter:hover{border-color:#0000002e}.cm-social--twitter:hover .cm-social-icon{background:#0000000f;border-color:#00000024;color:#000}.cm-social--twitter:hover .cm-social-platform{color:#000}.cm-social--jike:hover{border-color:#f0470038}.cm-social--jike:hover .cm-social-icon{background:#f0470014;border-color:#f047002e;color:#f04700}.cm-social--jike:hover .cm-social-platform{color:#f04700}.cm-social--wechat:hover{border-color:#07c16038}.cm-social--wechat:hover .cm-social-icon{background:#07c16014;border-color:#07c1602e;color:#07c160}.cm-social--wechat:hover .cm-social-platform{color:#07c160}@media (max-width: 900px){.cm-body-inner{grid-template-columns:1fr;gap:3rem}.cm-intro{position:static}}@media (max-width: 640px){.cm-hero{padding:8rem 0 2rem}.cm-page-title{font-size:2.6rem}.cm-hero-content{flex-direction:column;align-items:flex-start;gap:1.25rem}.cm-social-grid{grid-template-columns:1fr 1fr}.cm-primary-card{flex-direction:column;align-items:flex-start;gap:1rem}.cm-primary-arrow{align-self:flex-end}}.creation{min-height:100vh}.cr-hero{padding:10rem 0 0}.cr-hero-inner{max-width:1200px;margin:0 auto;padding:0 2rem 2.5rem;animation:fadeInUpSoft .65s ease-out both}.cr-hero-meta{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:.75rem}.cr-eyebrow{font-size:.78rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.cr-tally{font-size:5rem;font-weight:860;letter-spacing:-.06em;line-height:.85;color:#18181b0e;-webkit-user-select:none;user-select:none}.cr-page-title{font-size:clamp(3rem,5vw,4.5rem);font-weight:880;letter-spacing:-.05em;line-height:1;margin-bottom:.6rem;color:var(--ink)}.cr-page-sub{font-size:.95rem;color:var(--ink-2);letter-spacing:.01em}.cr-rule{margin-top:2.5rem;height:1px;background:var(--border)}.cr-filter-wrap{position:sticky;top:68px;z-index:100;background:#fafaf9e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.cr-filter-inner{max-width:1200px;margin:0 auto;padding:0 2rem;height:56px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cr-filter-bar{display:flex;gap:.35rem}.cr-tab{height:34px;padding:0 1.2rem;border-radius:999px;border:1px solid var(--border);background:transparent;font-family:inherit;font-size:.875rem;font-weight:580;color:var(--ink-2);cursor:pointer;transition:background .2s var(--ease-out),color .18s var(--ease-out),border-color .18s var(--ease-out),transform .15s var(--ease-out),box-shadow .18s var(--ease-out)}.cr-tab:hover:not(.cr-tab--active){background:var(--surface-muted);color:var(--ink);transform:translateY(-1px)}.cr-tab--active{background:var(--ink);color:var(--surface);border-color:var(--ink);box-shadow:0 2px 8px #18181b2e}.cr-count{font-size:.82rem;color:var(--ink-3);letter-spacing:.01em;white-space:nowrap}.cr-gallery-section{padding:1rem 0 7rem;transition:opacity .18s ease-out,transform .18s ease-out}.cr-gallery-section--out{opacity:0;transform:translateY(8px);pointer-events:none}.cr-gallery-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.cr-editorial{display:flex;flex-direction:column;gap:0}.cr-section{padding:1.75rem 0;border-bottom:1px solid var(--border);animation:fadeInUpSoft .5s ease-out both}.cr-section:last-child{border-bottom:none}.cr-section-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem}.cr-section-label{display:flex;align-items:baseline;gap:.75rem}.cr-section-type{font-size:1.35rem;font-weight:820;letter-spacing:-.03em;color:var(--ink)}.cr-section-en{font-size:.72rem;font-weight:580;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.cr-section-more{display:inline-flex;align-items:center;gap:.35rem;font-family:inherit;font-size:.84rem;font-weight:620;color:var(--ink-2);background:none;border:none;cursor:pointer;padding:0;transition:color .18s var(--ease-out),gap .18s var(--ease-out)}.cr-section-more:hover{color:var(--ink)}.cr-section-more span{transition:transform .18s var(--ease-out);display:inline-block}.cr-section-more:hover span{transform:translate(3px)}.cr-bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);gap:5px;aspect-ratio:3 / 2;width:100%;animation:fadeInUpSoft .4s ease-out both}.cr-bento-item[data-pos="0"]{grid-column:1 / 5;grid-row:1 / 5}.cr-bento-item[data-pos="1"]{grid-column:5 / 8;grid-row:1 / 3}.cr-bento-item[data-pos="2"]{grid-column:8 / 13;grid-row:1 / 4}.cr-bento-item[data-pos="3"]{grid-column:5 / 8;grid-row:3 / 7}.cr-bento-item[data-pos="4"]{grid-column:8 / 13;grid-row:4 / 7}.cr-bento-item[data-pos="5"]{grid-column:1 / 5;grid-row:5 / 9}.cr-bento-item[data-pos="6"]{grid-column:5 / 8;grid-row:7 / 9}.cr-bento-item[data-pos="7"]{grid-column:8 / 13;grid-row:7 / 9}.cr-bento-grid--full{max-width:960px;margin:0 auto}.cr-bento-item{position:relative;overflow:hidden;border-radius:8px;cursor:pointer;background:var(--ph, #1b2033);border:none;padding:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease}.cr-bento-item--empty{cursor:default;opacity:.45}.cr-bento-item:not(.cr-bento-item--empty):hover{transform:scale(1.015);box-shadow:0 8px 32px #00000059;z-index:1}.cr-bento-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s ease,filter .3s ease}.cr-bento-item:hover .cr-bento-img{transform:scale(1.07)}.cr-bento-hover{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease,background .25s ease}.cr-bento-hover:after{content:"";width:36px;height:36px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E");background-size:18px;background-repeat:no-repeat;background-position:center}.cr-bento-item:hover .cr-bento-hover{opacity:1;background:#0000002e}@keyframes cr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cr-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.cr-players{display:flex;align-items:flex-end;gap:2.5rem;padding:1.25rem .5rem .25rem}.cr-player{display:flex;flex-direction:column;gap:.7rem;text-decoration:none;color:inherit;width:168px;flex-shrink:0;animation:fadeInUpSoft .55s ease-out both;transition:transform .34s cubic-bezier(.34,1.56,.64,1);position:relative}.cr-player--1{transform:rotate(-8deg) translateY(16px)}.cr-player--2{transform:rotate(5deg) translateY(-10px)}.cr-player--3{transform:rotate(-5deg) translateY(8px)}.cr-player--4{transform:rotate(7deg) translateY(-18px)}.cr-player:hover{transform:rotate(0) translateY(-8px) scale(1.04);z-index:10}.cr-player-body{background:#1c1c26;border-radius:14px;padding:14px 14px 12px;box-shadow:0 6px 24px #00000047,0 1px #ffffff12 inset,0 -1px #00000059 inset;display:flex;flex-direction:column;gap:10px}.cr-player-header{display:flex;align-items:center;gap:6px}.cr-player-led{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);animation:pulse 2.2s ease-in-out infinite;flex-shrink:0}.cr-player-status{font-size:.52rem;font-weight:760;letter-spacing:.14em;color:#ffffff47;text-transform:uppercase}.cr-player-tray{background:#00000061;border-radius:10px;padding:14px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #00000080,inset 0 0 0 1px #ffffff0d}.cr-player-disc{position:relative;width:104px;height:104px;border-radius:50%;flex-shrink:0;animation:cr-spin 12s linear infinite;box-shadow:0 2px 12px #00000073,inset 0 0 0 1px #ffffff1a}.cr-player:hover .cr-player-disc{animation-duration:2s}.cr-player-disc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at center,transparent 32%,rgba(0,0,0,.22) 33%,transparent 34%,transparent 42%,rgba(0,0,0,.16) 43%,transparent 44%,transparent 52%,rgba(0,0,0,.11) 53%,transparent 54%,transparent 62%,rgba(0,0,0,.07) 63%,transparent 64%,transparent 72%,rgba(0,0,0,.05) 73%,transparent 74%);pointer-events:none;z-index:1}.cr-player-disc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:32%;height:32%;border-radius:50%;background:#00000080;box-shadow:0 0 0 1.5px #ffffff1f;z-index:2}.cr-disc-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;color:#ffffffad}.cr-disc-icon svg{width:18px;height:18px}.cr-player-wave{display:flex;align-items:flex-end;gap:2.5px;height:14px;padding:0 2px}.cr-wave-bar{flex:1;background:#ffffff38;border-radius:2px;animation:none;transform-origin:bottom;height:4px}.cr-player-wave--active .cr-wave-bar{animation:cr-wave .9s ease-in-out infinite alternate;background:#ffffff8c}.cr-player:hover .cr-wave-bar{background:#ffffff61}.cr-player--active{box-shadow:0 0 0 1.5px var(--accent),0 8px 24px #2563eb2e!important}.cr-disc--playing{animation-duration:2s!important}.cr-player-progress{height:2px;background:#ffffff1f;border-radius:2px;margin-top:4px;overflow:hidden}.cr-player-progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .5s linear}.cr-player-led--on{background:#22c55e!important;box-shadow:0 0 4px #22c55e!important;animation:statusPulse 1.4s ease-in-out infinite!important}.cr-player-info{padding:0 .15rem;display:flex;flex-direction:column;gap:.18rem}.cr-player-title{font-size:.84rem;font-weight:720;letter-spacing:-.02em;color:var(--ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cr-player-meta{font-size:.67rem;color:var(--ink-3);letter-spacing:.02em}.cr-film-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;align-items:start}.cr-film-card{display:flex;flex-direction:column;background:none;border:none;padding:0;cursor:pointer;text-align:left;font-family:inherit;animation:fadeInUpSoft .5s ease-out both;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.cr-film-card:hover{transform:translateY(-3px)}.cr-film-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-md);background:linear-gradient(135deg,#12131a,#1a1d2e,#0f1420);box-shadow:0 2px 12px #00000014;transition:box-shadow .26s var(--ease-out)}.cr-film-card:hover .cr-film-thumb{box-shadow:0 6px 28px #00000024}.cr-film-thumb--portrait{background:linear-gradient(160deg,#0d1b2e,#1a1040,#0e1726)}.cr-film-thumb--portrait img{object-position:center 38%}.cr-film-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .42s var(--ease-out)}.cr-film-card:hover .cr-film-thumb img{transform:scale(1.05)}.cr-film-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000000d;transition:background .24s ease-out}.cr-film-card:hover .cr-film-play{background:#00000047}.cr-film-play svg{width:40px;height:40px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));opacity:.85;transition:transform .26s cubic-bezier(.34,1.56,.64,1),opacity .22s ease-out}.cr-film-card:hover .cr-film-play svg{transform:scale(1.14);opacity:1}.cr-film-cat{position:absolute;top:10px;left:12px;font-size:.66rem;font-weight:680;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd1;background:#0000004d;padding:2px 8px;border-radius:999px}.cr-film-body{padding:.7rem .1rem 0;display:flex;flex-direction:column;gap:.3rem}.cr-film-title{font-size:.95rem;font-weight:760;letter-spacing:-.02em;color:var(--ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cr-film-card--1 .cr-film-title{font-size:1.1rem}.cr-film-desc{font-size:.82rem;color:var(--ink-2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cr-photo-category{font-size:.67rem;font-weight:680;letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e;margin-bottom:.25rem}.cr-photo-title{font-size:1rem;font-weight:760;color:#fff;letter-spacing:-.02em;line-height:1.3}.cr-photo-date{font-size:.68rem;color:#ffffff73;margin-top:.3rem;font-weight:500;letter-spacing:.03em}.cr-music-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;animation:fadeInUpSoft .35s ease-out both}.cr-music-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;animation:fadeInUpSoft .35s ease-out both}.cr-mpc{position:relative;aspect-ratio:1;background:#0e0f18;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;text-align:left;color:inherit;display:flex;flex-direction:column;transition:border-color .28s,box-shadow .28s,transform .28s;animation:fadeInUpSoft .45s ease-out both}.cr-mpc:hover{border-color:#ffffff2e;box-shadow:0 10px 36px #0000004d;transform:translateY(-3px)}.cr-mpc--active{border-color:#63b3fd66!important;box-shadow:0 0 0 1.5px #2563eb33,0 12px 40px #2563eb2e!important}.cr-mpc-cover{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--mpc-cover);background-size:cover;background-position:center;transition:transform .4s var(--ease-out);z-index:0}.cr-mpc:hover .cr-mpc-cover{transform:scale(1.05)}.cr-mpc-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000014,#0000002e,#000000b8 70%,#000000e0);z-index:1}.cr-mpc-top{flex:1;min-height:0}.cr-mpc-playbtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:44px;height:44px;border-radius:50%;background:#ffffff21;border:1.5px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .22s,background .22s,width .22s,height .22s,border-color .22s}.cr-mpc:hover .cr-mpc-playbtn{opacity:1}.cr-mpc-playbtn.cr-mpc-playbtn--playing{width:32px;height:32px;background:#00000059;border-color:#ffffff2e;opacity:0}.cr-mpc:hover .cr-mpc-playbtn.cr-mpc-playbtn--playing{opacity:1;background:#0000008c;border-color:#ffffff4d}.cr-mpc-middle{height:52px;padding:0 .65rem;position:relative;z-index:2;display:flex;align-items:flex-end}.cr-mpc-viz{display:block;width:100%;height:100%}.cr-mpc-foot{position:relative;z-index:2;padding:.5rem .75rem .7rem;display:flex;flex-direction:column;gap:.25rem}.cr-mpc-category{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#93c5fdcc}.cr-mpc-title{font-size:.85rem;font-weight:700;color:#fff;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-mpc-time{font-size:.65rem;color:#ffffff7a;letter-spacing:.04em;font-variant-numeric:tabular-nums}.cr-mpc-progress{height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:.1rem}.cr-mpc-progress-fill{height:100%;background:linear-gradient(90deg,#818cf8,#38bdf8,#34d399);transition:width .5s linear;border-radius:2px}.cr-music-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;text-align:left;box-shadow:var(--shadow-1),var(--shadow-2);animation:fadeInUpSoft .5s ease-out both;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .26s var(--ease-out),border-color .26s}.cr-music-card:hover{transform:translateY(-5px);box-shadow:0 2px 6px #0000000d,0 16px 48px #0000001a}.cr-music-card--active{border-color:color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent),0 8px 32px #2563eb1f!important}.cr-music-cover--playing .cr-music-icon{transform:scale(1.1)}.cr-music-progress{height:3px;background:var(--border);border-radius:3px;margin-top:.5rem;overflow:hidden}.cr-music-progress-bar{height:100%;background:var(--accent);border-radius:3px;transition:width .5s linear}.cr-music-cover{position:relative;aspect-ratio:16 / 7;display:flex;align-items:center;justify-content:center;overflow:hidden}.cr-music-icon{display:flex;align-items:center;justify-content:center;color:#ffffffd1;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.cr-music-icon svg{width:54px;height:54px}.cr-music-card:hover .cr-music-icon{transform:scale(1.14)}.cr-music-duration{position:absolute;bottom:12px;right:14px;font-size:.73rem;font-weight:640;color:#ffffffd1;letter-spacing:.05em;background:#0003;padding:3px 10px;border-radius:999px}.cr-music-info{padding:1.4rem 1.6rem 1.6rem;display:flex;flex-direction:column;gap:.38rem;flex:1}.cr-music-category{font-size:.72rem;font-weight:680;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}.cr-music-title{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1.25}.cr-music-desc{font-size:.9rem;color:var(--ink-2);line-height:1.65;margin-top:.05rem}.cr-music-cta{display:inline-flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:660;color:var(--accent);margin-top:.55rem;transition:gap .2s var(--ease-out)}.cr-music-card:hover .cr-music-cta{gap:.65rem}.cr-music-theme--indigo{background:radial-gradient(ellipse at 28% 38%,rgba(99,102,241,.7) 0%,transparent 60%),radial-gradient(ellipse at 72% 68%,rgba(37,99,235,.6) 0%,transparent 55%),linear-gradient(145deg,#818cf8,#4f46e5 55%,#3730a3)}.cr-music-theme--violet{background:radial-gradient(ellipse at 28% 38%,rgba(192,132,252,.65) 0%,transparent 58%),radial-gradient(ellipse at 72% 68%,rgba(147,51,234,.55) 0%,transparent 52%),linear-gradient(145deg,#e9d5ff,#c084fc 45%,#7c3aed)}.cr-music-theme--rose{background:radial-gradient(ellipse at 28% 38%,rgba(249,168,212,.65) 0%,transparent 58%),radial-gradient(ellipse at 72% 68%,rgba(236,72,153,.55) 0%,transparent 52%),linear-gradient(145deg,#fce7f3,#f9a8d4 45%,#ec4899)}.cr-music-theme--amber{background:radial-gradient(ellipse at 28% 38%,rgba(253,211,77,.6) 0%,transparent 58%),radial-gradient(ellipse at 72% 68%,rgba(245,158,11,.55) 0%,transparent 52%),linear-gradient(145deg,#fef9c3,#fde68a 45%,#f59e0b)}.cr-music-theme--indigo:before,.cr-music-theme--violet:before,.cr-music-theme--rose:before,.cr-music-theme--amber:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.16) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.cr-video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;animation:fadeInUpSoft .35s ease-out both;align-items:start}.cr-video-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;text-align:left;font-family:inherit;box-shadow:var(--shadow-1),var(--shadow-2);animation:fadeInUpSoft .5s ease-out both;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .26s var(--ease-out)}.cr-video-card:hover{transform:translateY(-5px);box-shadow:0 2px 6px #0000000d,0 16px 48px #0000001a}.cr-video-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#12131a,#1a1d2e,#0f1420)}.cr-video-thumb--portrait{background:linear-gradient(160deg,#0d1b2e,#1a1040,#0e1726)}.cr-video-thumb--portrait img{object-position:center 38%}.cr-video-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .42s var(--ease-out)}.cr-video-card:hover .cr-video-thumb img{transform:scale(1.05)}.cr-video-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000000f;transition:background .24s ease-out}.cr-video-card:hover .cr-video-play{background:#00000047}.cr-video-play svg{width:52px;height:52px;color:#fff;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5));opacity:.88;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .22s ease-out}.cr-video-card:hover .cr-video-play svg{transform:scale(1.12);opacity:1}.cr-video-info{padding:1.4rem 1.6rem 1.65rem;display:flex;flex-direction:column;gap:.38rem;flex:1}.cr-video-category{font-size:.72rem;font-weight:680;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}.cr-video-title{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1.25}.cr-video-desc{font-size:.9rem;color:var(--ink-2);line-height:1.65}.cr-video-date{font-size:.76rem;color:var(--ink-3);margin-top:.2rem;letter-spacing:.02em}@keyframes cr-lb-in{0%{opacity:0}to{opacity:1}}@keyframes cr-stage-in{0%{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cr-img-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.cr-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#06060af0;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;animation:cr-lb-in .2s ease-out both}.cr-lb-close{position:absolute;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#ffffffb8;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;font-family:inherit;transition:background .2s ease-out,color .18s ease-out,transform .18s cubic-bezier(.34,1.56,.64,1)}.cr-lb-close:hover{background:#ffffff29;color:#fff;transform:scale(1.1) rotate(90deg)}.cr-lb-close svg{width:18px;height:18px}.cr-lb-arrow{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#ffffffb8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:background .2s ease-out,color .18s ease-out,transform .2s cubic-bezier(.34,1.56,.64,1)}.cr-lb-arrow:hover{background:#ffffff2e;color:#fff;transform:scale(1.08)}.cr-lb-arrow svg{width:22px;height:22px}.cr-lb-stage{flex:1;max-width:min(800px,calc(100vw - 160px));display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:cr-stage-in .32s var(--ease-out) both}.cr-lb-img-wrap{display:flex;align-items:center;justify-content:center;max-height:70vh;width:100%}.cr-lb-img{max-width:100%;max-height:70vh;width:auto;height:auto;border-radius:var(--radius-sm);box-shadow:0 8px 32px #0006,0 32px 80px #0000008c;object-fit:contain;animation:cr-img-in .28s ease-out both}.cr-lb-caption{text-align:center;max-width:520px}.cr-lb-meta{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.cr-lb-category{font-size:.7rem;font-weight:680;letter-spacing:.09em;text-transform:uppercase;color:#ffffff73}.cr-lb-sep{color:#ffffff38;font-size:.75rem}.cr-lb-date{font-size:.7rem;color:#ffffff61;letter-spacing:.04em}.cr-lb-title{font-size:1.1rem;font-weight:760;color:#ffffffe6;letter-spacing:-.025em;margin-bottom:.45rem;line-height:1.3}.cr-lb-desc{font-size:.875rem;color:#ffffff73;line-height:1.7}.cr-lb-counter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);font-size:.78rem;color:#ffffff59;letter-spacing:.06em;display:flex;align-items:center;gap:.15rem}.cr-vm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#06060ae0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:center;padding:calc(82px + 1.5rem) 2rem 2rem;overflow-y:auto;overscroll-behavior:contain;animation:cr-lb-in .2s ease-out both}.cr-vm-modal{position:relative;width:min(900px,100%);background:#0f0f14;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-lg);overflow:hidden;animation:cr-stage-in .28s var(--ease-out) both;box-shadow:0 8px 32px #0006,0 32px 80px #000000a6;margin:auto;flex-shrink:0}.cr-vm-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#ffffffad;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;font-family:inherit;transition:background .2s ease-out,color .18s ease-out,transform .18s cubic-bezier(.34,1.56,.64,1)}.cr-vm-close:hover{background:#ffffff29;color:#fff;transform:scale(1.1) rotate(90deg)}.cr-vm-close svg{width:16px;height:16px}.cr-vm-embed{position:relative;aspect-ratio:16 / 9;background:#000}.cr-vm-modal--portrait{width:min(680px,92vw)}.cr-vm-embed--portrait{aspect-ratio:16 / 9}.cr-vm-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.cr-vm-info{padding:1.4rem 1.75rem 1.6rem;display:flex;flex-direction:column;gap:.38rem}.cr-vm-category{font-size:.72rem;font-weight:680;letter-spacing:.07em;text-transform:uppercase;color:#ffffff61}.cr-vm-title{font-size:1.2rem;font-weight:780;letter-spacing:-.03em;color:#ffffffe0;line-height:1.25}.cr-vm-desc{font-size:.875rem;color:#ffffff6b;line-height:1.68}@media (max-width: 1024px){.cr-film-strip{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.cr-bento-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(9,1fr);aspect-ratio:6 / 9}.cr-bento-item[data-pos="0"]{grid-column:1/4;grid-row:1/4}.cr-bento-item[data-pos="1"]{grid-column:4/7;grid-row:1/3}.cr-bento-item[data-pos="2"]{grid-column:4/7;grid-row:3/5}.cr-bento-item[data-pos="3"]{grid-column:1/4;grid-row:4/7}.cr-bento-item[data-pos="4"]{grid-column:4/7;grid-row:5/8}.cr-bento-item[data-pos="5"]{grid-column:1/7;grid-row:7/9}.cr-bento-item[data-pos="6"]{grid-column:1/4;grid-row:9/10}.cr-bento-item[data-pos="7"]{grid-column:4/7;grid-row:8/10}}@media (max-width: 768px){.cr-filter-wrap{top:60px}.cr-film-strip,.cr-music-grid,.cr-video-grid{grid-template-columns:1fr}.cr-lb-arrow{width:40px;height:40px}.cr-lb-arrow svg{width:18px;height:18px}.cr-vm-overlay{padding:70px 1rem 1rem}}@media (max-width: 600px){.cr-all-grid{grid-template-columns:1fr}.cr-lb-stage{max-width:calc(100vw - 110px);gap:1rem}.cr-lb-img{max-height:55vh}}.thought-detail{min-height:100vh;padding-top:4.5rem;padding-bottom:6rem}@media (max-width: 768px){.thought-detail{padding-top:3.75rem}}.tdp-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.25rem;color:var(--ink-2)}.tdp-back-link{color:var(--accent);text-decoration:none;font-size:.9rem;transition:opacity .2s}.tdp-back-link:hover{opacity:.7}.tdp-breadcrumb{max-width:780px;margin:0 auto;padding:1.75rem 2rem 0;display:flex;align-items:center;gap:.5rem}.tdp-bread-link{font-size:.78rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);text-decoration:none;transition:color .2s}.tdp-bread-link:hover{color:var(--accent)}.tdp-bread-sep{font-size:.78rem;color:var(--border)}.tdp-bread-cur{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-weight:600}.tdp-back-row{max-width:780px;margin:0 auto;padding:.85rem 2rem 0}.tdp-back{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;color:var(--ink-3);font-size:.875rem;font-weight:400;padding:0;transition:color .3s cubic-bezier(.4,0,.2,1)}.tdp-back:hover{color:var(--ink)}.tdp-back:hover .tdp-back-arrow{transform:translate(-4px)}.tdp-back-arrow{display:inline-flex;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tdp-header{max-width:780px;margin:0 auto;padding:2.5rem 2rem}.tdp-header-inner{border-bottom:1px solid var(--border);padding-bottom:2.5rem}.tdp-meta-top{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.8rem;color:var(--ink-3)}.tdp-category{font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.72rem}.tdp-dot{color:var(--border)}.tdp-stats{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:600;color:#ff4d4f;background:#ff4d4f14;padding:.15rem .6rem;border-radius:999px}.tdp-stats svg{margin-top:-1px}.tdp-title{font-size:clamp(2rem,4vw,3.25rem);font-weight:860;letter-spacing:-.04em;line-height:1.15;color:var(--ink);margin-bottom:1.25rem;text-wrap:balance}.tdp-excerpt{font-size:1.05rem;color:var(--ink-2);line-height:1.75;max-width:65ch;margin:0 auto}.tdp-cover-wrap{max-width:780px;margin:0 auto;padding:0 2rem 2.5rem}.tdp-cover-inner{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 12px #00000012,0 12px 40px #00000014}.tdp-cover{width:100%;height:auto;aspect-ratio:16 / 7;object-fit:cover;display:block}.tdp-body{max-width:680px;margin:0 auto;padding:0 2rem}.td-prose{color:var(--ink);line-height:1.8}.td-prose section{margin:2.75rem 0}.td-prose section:first-child{margin-top:0}.td-lead{font-size:1.1rem;line-height:1.8;color:var(--ink-1, var(--ink));margin:0 0 2.75rem;padding:1.35rem 1.6rem;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.td-prose h2{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:0 0 1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border);scroll-margin-top:96px}.td-prose h3{font-size:.9rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-2);margin:1.75rem 0 .75rem;scroll-margin-top:96px}.td-prose p{margin:.75rem 0;font-size:.975rem;color:var(--ink-1, var(--ink))}.td-prose ol,.td-prose ul{padding-left:1.4rem;margin:.75rem 0}.td-prose li{margin:.5rem 0;font-size:.975rem;color:var(--ink-1, var(--ink))}.td-prose li>p{margin:.25rem 0}.td-prose li>strong{display:inline;color:var(--ink)}.td-prose blockquote{margin:1.25rem 0;padding:1.25rem 1.5rem;background:var(--surface-2);border-radius:var(--radius-sm);border-left:3px solid var(--border);font-size:.9rem;line-height:1.75;color:var(--ink-2);font-style:normal}.td-prose blockquote br{line-height:1}.td-link{color:var(--accent);text-decoration:none;font-size:.875rem;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent);transition:border-color .2s,color .2s}.td-link:hover{border-color:var(--accent)}.td-callout{display:flex;gap:1rem;padding:1.1rem 1.35rem;border-radius:var(--radius-md);margin:1.5rem 0;font-size:.9rem;line-height:1.65}.td-callout>div{flex:1;min-width:0}.td-callout strong{display:block;margin-bottom:.3rem;color:var(--ink);font-size:.9rem}.td-callout p,.td-callout li{margin:.2rem 0;color:var(--ink-2);font-size:.875rem}.td-callout ul{margin:.4rem 0 0;padding-left:1.2rem}.td-callout-icon{font-size:1.1rem;line-height:1.4;flex-shrink:0;margin-top:.05rem}.td-callout--star{background:color-mix(in srgb,#f59e0b 8%,transparent);border:1px solid color-mix(in srgb,#f59e0b 25%,transparent)}.td-callout--tip{background:color-mix(in srgb,var(--accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.td-callout--personal{background:var(--surface-2);border:1px solid var(--border)}.td-table-wrap{margin:1.5rem 0;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border);-webkit-overflow-scrolling:touch}.td-table{width:100%;border-collapse:collapse;font-size:.855rem;line-height:1.5}.td-table th{padding:.7rem 1rem;text-align:left;font-weight:600;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);background:var(--surface-2);border-bottom:1px solid var(--border)}.td-table th:not(:first-child),.td-table td:not(:first-child){text-align:center}.td-table td{padding:.6rem 1rem;color:var(--ink-2);border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.td-table tr:last-child td{border-bottom:none}.td-table tr:hover td{background:color-mix(in srgb,var(--accent) 3%,transparent)}.td-table-sep td{text-align:center!important;font-size:.78rem;color:var(--ink-3);background:var(--surface-2);padding:.5rem;letter-spacing:.03em}.td-steps{list-style:none;padding:0;margin:1.25rem 0;display:flex;flex-direction:column}.td-steps li{display:flex;gap:1.25rem;padding:1.25rem 0;border-bottom:1px solid var(--border);font-size:.975rem}.td-steps li:last-child{border-bottom:none}.td-step-num{font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:6px;padding:.2rem .45rem;height:fit-content;flex-shrink:0;margin-top:.15rem}.td-steps li>div{flex:1}.td-steps li strong{display:block;margin-bottom:.25rem;color:var(--ink);font-size:.95rem}.td-steps li p{margin:0;color:var(--ink-2);font-size:.875rem;line-height:1.6}.tdp-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:.75rem;text-align:center;color:var(--ink-3);font-size:.9rem}.tdp-coming-soon span{font-size:2rem;margin-bottom:.25rem}.tdp-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tdp-tag{display:inline-flex;align-items:center;height:26px;padding:0 .75rem;border-radius:999px;font-size:.8rem;font-weight:500;background:var(--surface-2);color:var(--ink-2);transition:background .2s,color .2s}.tdp-tag:hover{background:#2563eb14;color:var(--accent)}.tdp-footer{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1.5rem}.tdp-external-link-wrap{display:flex}.tdp-external-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#ff4d4f;text-decoration:none;padding:.6rem 1.25rem;border-radius:var(--radius-sm);background:#ff4d4f0d;border:1px solid rgba(255,77,79,.15);transition:all .2s var(--ease-out)}.tdp-external-link:hover{background:#ff4d4f1a;transform:translateY(-1px);box-shadow:0 4px 12px #ff4d4f1a}.tdp-pagination{max-width:680px;margin:3.5rem auto 0;padding:0 2rem}.tdp-pagination-inner{display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-top:1px solid var(--border);padding-top:2rem}.tdp-pag-item{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border);text-decoration:none;color:inherit;transition:border-color .25s,background .25s,transform .25s;background:var(--surface)}.tdp-pag-item:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 4%,transparent);transform:translateY(-2px)}.tdp-pag-next{text-align:right}.tdp-pag-label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.tdp-pag-title{font-size:.875rem;font-weight:500;color:var(--ink-2);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tdp-toc{position:fixed;top:38%;transform:translateY(-50%) translate(-8px);left:max(1.5rem,calc(50% - 600px));width:176px;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);display:none}@media (min-width: 1200px){.tdp-toc{display:block}}.tdp-toc--visible{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(0)}.tdp-toc-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .75rem 1rem}.tdp-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.tdp-toc-item{padding:0;margin:0}.tdp-toc-item--h3 .tdp-toc-btn{padding-left:1.8rem}.tdp-toc-btn{display:flex;align-items:center;gap:.55rem;width:100%;background:none;border:none;cursor:pointer;padding:.35rem .5rem .35rem .75rem;border-radius:var(--radius-sm);text-align:left;transition:background .2s;position:relative}.tdp-toc-btn:hover{background:var(--surface-2)}.tdp-toc-dot{width:5px;height:5px;border-radius:50%;background:var(--border);flex-shrink:0;transition:background .25s,transform .25s,width .25s}.tdp-toc-btn--active .tdp-toc-dot{background:var(--accent);transform:scale(1.4)}.tdp-toc-text{font-size:.8rem;line-height:1.45;color:var(--ink-3);transition:color .25s;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tdp-toc-btn--active .tdp-toc-text{color:var(--ink);font-weight:500}.tdp-toc-btn:hover .tdp-toc-text{color:var(--ink-2)}@media (max-width: 640px){.tdp-breadcrumb{padding:1.25rem 1.25rem 0}.tdp-back-row{padding:.5rem 1.25rem 0}.tdp-header{padding:2rem 1.25rem}.tdp-cover-wrap{padding:0 1.25rem 2rem}.tdp-body,.tdp-pagination{padding:0 1.25rem}.tdp-title{font-size:1.5rem}.td-prose h2{font-size:1.1rem}.tdp-pagination-inner{grid-template-columns:1fr}}