:root{color:var(--island-text-deep);background:var(--island-mist-blue);--island-title:#4a92c3;--island-title-deep:#3f86b8;--island-text:#5e7f9e;--island-text-deep:#2f5f86;--island-muted:#7d9aaf;--island-muted-light:#9eb5c5;--island-button-label:#4f7899;--island-soft-blue:#b8d8e8;--island-pale-blue:#dceef7;--island-mist-blue:#eef8fc;--island-cream:#fffdf7;--island-white:#ffffffb8;--island-card-bg:#ffffff6b;--island-card-bg-strong:#ffffff94;--island-card-border:#ffffffad;--island-shadow:#578baa29;--island-shadow-strong:#578baa38;--island-flower:#f6c7d8;--island-sun:#f7d99a;--island-leaf:#9dbfad;--join-dress-yellow:#f5c95a;--join-dress-yellow-deep:#e5a82a;--join-dress-yellow-light:#ffe891;--font-ui:"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-brand:"Songti SC", "STSong", "Noto Serif CJK SC", serif;--font-english-serif:"Times New Roman", Georgia, serif;--works-title-size:clamp(52px, 4vw, 60px);--works-subtitle-size:clamp(24px, 2vw, 32px);--works-description-size:clamp(18px, 1.35vw, 21px);--bookcase-page-bg:linear-gradient(145deg, #b5d8f2ad, #f8fdffbd 43%, #cae4f6b8), linear-gradient(180deg, #d9eefc 0%, #f8fbff 48%, #d9eef6 100%);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #eef8fceb, #fffdf7f5 72%), var(--island-mist-blue);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}a,button,input{-webkit-tap-highlight-color:transparent}.site-shell{min-height:100vh;padding-bottom:42px;overflow:hidden}.join-hero{isolation:isolate;width:100vw;height:clamp(430px,56.3vw,941px);margin:0 auto;position:relative;overflow:hidden}.join-hero__media{z-index:0;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.join-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#ffffff47 0%,#ffffff1a 38%,#0000 62%),linear-gradient(#ffffff14 0%,#0000 72%,#f8fbf2d1 100%);position:absolute;inset:0}.join-nav,.hero-copy{z-index:3;position:absolute}.join-nav{grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);align-items:center;gap:24px;display:grid;top:24px;left:clamp(22px,4vw,74px);right:clamp(22px,4vw,74px)}.brand{width:clamp(138px,12vw,188px);display:block}.brand img{filter:drop-shadow(0 8px 16px #2f679924);width:100%;height:auto;display:block}.join-tabs{border:1px solid var(--island-card-border);background:var(--island-card-bg-strong);width:clamp(380px,32vw,500px);height:54px;box-shadow:0 14px 34px var(--island-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:5px;display:inline-flex}.join-tabs a{min-width:0;height:44px;color:var(--island-text-deep);letter-spacing:.05em;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;font-size:15px;font-weight:500;display:inline-flex}.join-tabs a[aria-current=page]{background:#ffffff94;box-shadow:inset 0 -1px #2f679914,0 8px 24px #2f679914}.button{letter-spacing:.04em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;font-weight:600;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.join-nav-spacer{display:block}.hero-brand-panel{z-index:3;text-align:right;flex-direction:column;align-items:flex-end;gap:clamp(38px,4.8vw,76px);width:min(820px,48vw);display:flex;position:absolute;top:clamp(30px,4.8vw,78px);right:clamp(44px,7.2vw,136px)}.hero-brand{width:clamp(132px,11vw,178px);display:block}.hero-brand img{filter:drop-shadow(0 8px 16px #2f5f8624);width:100%;height:auto;display:block}.hero-copy{width:min(880px,62vw);color:var(--island-text-deep);text-shadow:0 4px 18px #ffffffeb;top:clamp(108px,12.2vw,190px);left:clamp(44px,7vw,118px)}.hero-brand-panel .hero-copy{width:100%;color:var(--island-text);position:static}.hero-glass-mask{-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:radial-gradient(circle at 50% 22%,#ffffffc7,#ffffff3d 58%,#dff5ff33),#ffffff7a;border:1px solid #ffffffd1;border-radius:clamp(38px,5vw,84px);width:100%;min-height:clamp(230px,19vw,320px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,0 18px 46px #2f67991f}.hero-glass-mask .hero-copy{z-index:2;padding:clamp(36px,3.6vw,58px) clamp(34px,4vw,68px) clamp(30px,3vw,48px);position:relative;top:0;left:0}.hero-decor{z-index:1;opacity:.58;pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(34px,3.2vw,56px);height:auto;position:absolute}.hero-decor--branch-left{width:clamp(56px,5.2vw,88px);top:clamp(38px,3.8vw,58px);left:clamp(26px,2.6vw,42px);transform:rotate(-8deg)}.hero-decor--flower-right{width:clamp(62px,5.8vw,96px);top:clamp(42px,4.2vw,70px);right:clamp(24px,2.8vw,44px);transform:rotate(10deg)}.hero-decor--palette{opacity:.44;width:clamp(24px,2.2vw,36px);bottom:clamp(24px,2.3vw,38px);left:clamp(36px,3vw,54px)}.hero-decor--heart{opacity:.32;width:clamp(24px,2.2vw,36px);bottom:clamp(18px,2vw,30px);left:50%;transform:translate(-50%)rotate(-8deg)}.hero-decor--star{opacity:.32;width:clamp(24px,2.2vw,36px);bottom:clamp(24px,2.5vw,42px);right:clamp(142px,12vw,216px);transform:rotate(12deg)}.hero-decor--leaf{opacity:.38;width:clamp(28px,2.6vw,42px);bottom:clamp(24px,2.5vw,40px);right:clamp(52px,4.6vw,82px);transform:rotate(-18deg)}.hero-brand-panel .hero-copy h1{color:var(--island-title-deep);white-space:normal;text-wrap:balance;max-width:100%;font-size:clamp(46px,3.4vw,64px)}.hero-brand-panel .hero-copy p{color:var(--island-text)}.hero-pills{flex-wrap:wrap;justify-content:center;gap:clamp(12px,1.4vw,22px);margin-top:clamp(22px,2.4vw,36px);display:flex}.hero-pills span{min-width:clamp(96px,7vw,128px);min-height:clamp(38px,2.8vw,48px);color:var(--island-title-deep);font-family:var(--font-brand);letter-spacing:0;-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:#ffffff6b;border:1px solid #ffffffdb;border-radius:999px;justify-content:center;align-items:center;padding:0 clamp(14px,1.5vw,24px);font-size:clamp(16px,1.2vw,20px);font-weight:700;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffffa3,0 14px 34px #2f67991f}.hero-pills img{object-fit:contain;width:clamp(24px,2vw,32px);height:clamp(24px,2vw,32px);margin-right:8px}.hero-pills b{font-family:var(--font-ui);margin-right:8px;font-size:.9em;line-height:1}.hero-copy h1{color:var(--island-title-deep);font-family:var(--font-brand);letter-spacing:0;white-space:nowrap;margin:0;font-size:clamp(52px,4.2vw,60px);font-weight:700;line-height:1.1}.hero-copy p{color:var(--island-text);font-family:var(--font-ui);letter-spacing:0;margin:18px 0 0;font-size:clamp(20px,1.55vw,22px);font-weight:400;line-height:1.6}.hero-actions{grid-template-columns:repeat(2,minmax(126px,150px));justify-content:flex-end;gap:20px;margin-top:20px;display:grid}.hero-entry-card{min-height:136px;color:var(--island-text-deep);text-align:left;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#ffffff8a;border:1px solid #ffffffdb;border-radius:24px;padding:12px 14px;transition:transform .18s,box-shadow .18s,background-color .18s;display:grid;box-shadow:0 16px 38px #2f5f8621}.hero-entry-card:hover{background:#ffffffa3;transform:translateY(-2px);box-shadow:0 18px 42px #2f5f8629}.hero-entry-card img{object-fit:contain;justify-self:center;width:50px;height:44px}.hero-entry-card span{color:var(--island-text-deep);font-family:var(--font-brand);letter-spacing:0;margin-top:6px;font-size:17px;font-weight:700;line-height:1.2}.hero-entry-card small{color:var(--island-muted);letter-spacing:0;margin-top:4px;font-size:11px;line-height:1.45}.hero-entry-card i{width:26px;height:26px;color:var(--island-button-label);background:#ffffff9e;border:1px solid #ffffffeb;border-radius:999px;justify-content:center;align-items:center;margin-top:7px;font-size:14px;font-style:normal;display:inline-flex;box-shadow:0 8px 18px #2f5f861f}.hero-stats{z-index:3;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#ffffff8c;border:1px solid #ffffffdb;border-radius:30px;grid-template-columns:repeat(3,minmax(96px,1fr)) minmax(360px,1.35fr);align-items:center;min-height:86px;padding:10px clamp(14px,1.8vw,24px);display:grid;position:absolute;bottom:clamp(10px,1.5vw,24px);left:clamp(260px,27vw,520px);right:clamp(40px,6vw,96px);box-shadow:0 18px 44px #2f5f8624}.hero-stat{min-width:0;color:var(--island-muted);text-align:center;border-right:1px solid #2f5f862e;justify-items:center;gap:3px;padding:0 18px;display:grid}.hero-stat span,.hero-stat small,.hero-stats p{letter-spacing:0}.hero-stat span{font-size:13px;line-height:1.3}.hero-stat strong{color:var(--island-title-deep);font-family:var(--font-brand);letter-spacing:0;font-size:clamp(30px,2.2vw,38px);line-height:1}.hero-stat small{color:var(--island-muted);font-size:12px;line-height:1.35}.hero-stats p{color:var(--island-text);text-wrap:balance;white-space:nowrap;margin:0 0 0 clamp(18px,2vw,30px);font-size:clamp(14px,1.1vw,17px);line-height:1.72}.button{border:1px solid var(--island-card-border);min-width:174px;height:52px;color:var(--island-button-label);box-shadow:0 16px 36px var(--island-shadow);padding:0 26px;font-size:15px}.button:hover,.join-tabs a:hover{box-shadow:0 18px 42px var(--island-shadow-strong);transform:translateY(-2px)}.button--primary{color:var(--island-button-label);background:linear-gradient(#ffffffb8,#dff5ffad)}.button--secondary{background:var(--island-white);color:var(--island-button-label)}.button--rose{min-width:204px;height:52px;color:var(--island-button-label);background:linear-gradient(#ffffffc7,#fff2c8b8)}.poster-page{background:linear-gradient(180deg, #ffffffa8, #f8fbf2bd), url(/assets/join/join-page-bg.png) center top / cover no-repeat, var(--island-cream);width:100%;margin:0;padding:36px clamp(28px,4.2vw,88px) 0;position:relative;overflow:hidden}.poster-page:before,.poster-page:after{content:"";pointer-events:none;height:48px;position:absolute;left:0;right:0}.poster-page:before{background:radial-gradient(70% 46px at 50% 100%,#f8fbf2fa 0 70%,#0000 72%),linear-gradient(#0000,#f8fbf2fa);top:-30px}.poster-page:after{background:radial-gradient(120px 30px at 12% 0,#6ea7c91f,#0000 70%),radial-gradient(150px 34px at 88% 0,#f2a47f1f,#0000 70%);bottom:-34px}.island-section{padding:34px 0 54px;position:relative}.island-section--tight{padding-top:26px}.section-title{text-align:center;justify-content:center;align-items:center;gap:18px;margin:0 auto 28px;display:flex}.section-title h2{color:var(--island-title-deep);font-family:var(--font-brand);letter-spacing:.08em;margin:0;font-size:clamp(34px,2.6vw,40px);font-weight:700;line-height:1.2}.section-title span{border-top:1px solid #a9c7d87a;flex:0 96px;width:96px;height:18px;position:relative}.section-title span:before,.section-title span:after{content:"";background:var(--island-soft-blue);width:9px;height:9px;box-shadow:12px 0 0 var(--island-sun), 24px 0 0 var(--island-flower);border-radius:50%;position:absolute;top:-5px}.section-title span:before{right:8px}.section-title span:after{left:8px}.card-grid{align-items:stretch;gap:clamp(16px,1.45vw,22px);display:grid}.card-grid--five{grid-template-columns:repeat(auto-fit,minmax(204px,1fr))}.card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.island-card{border:1px solid var(--island-card-border);background:var(--island-card-bg-strong);min-height:342px;box-shadow:0 14px 34px var(--island-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);text-align:center;border-radius:20px;grid-template-rows:auto auto auto;align-content:space-between;justify-items:center;gap:12px;padding:22px 20px 18px;display:grid;position:relative;overflow:hidden}.island-card:after{content:"";filter:blur(10px);z-index:0;background:#dceef76b;border-radius:50%;height:54px;position:absolute;bottom:8px;left:10px;right:10px}.card-number{z-index:1;background:var(--island-title-deep);color:#fff;min-width:30px;height:30px;font-family:var(--font-ui);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:14px;line-height:1;display:inline-flex;position:relative}.card-copy{z-index:1;align-content:start;gap:7px;width:100%;min-width:0;display:grid;position:relative}.island-card h3{color:var(--island-text-deep);font-family:var(--font-brand);letter-spacing:.05em;margin:0;font-size:clamp(20px,1.25vw,22px);font-weight:600;line-height:1.35}.island-card p{color:var(--island-text);letter-spacing:.03em;margin:0;font-size:15px;font-weight:400;line-height:1.7}.island-card img{z-index:1;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 14px #2f679921);width:min(154px,78%);height:138px;margin-top:4px;position:relative}.island-card--compact{text-align:left;grid-template-rows:1fr;grid-template-columns:auto minmax(0,1fr) clamp(118px,9.6vw,148px);place-items:center start;gap:clamp(14px,1.3vw,18px);min-height:188px;padding:18px 20px}.island-card--compact .card-number{align-self:start}.island-card--compact h3{font-size:21px}.island-card--compact p{font-size:15px}.island-card--compact img{justify-self:end;width:clamp(118px,9.6vw,148px);height:124px;margin:0}.island-card--plain{grid-template-columns:minmax(0,1fr) clamp(118px,9.6vw,148px)}.benefits-grid .island-card--compact{min-height:188px}.offer-band{background:linear-gradient(90deg, #ffffffd1, #ffffff8a), var(--island-pale-blue);border:1px solid #ffffffdb;border-radius:34px;grid-template-columns:auto minmax(260px,auto) minmax(150px,.72fr) auto;align-items:center;gap:clamp(18px,2vw,34px);min-height:210px;margin:42px 0 60px;padding:28px clamp(24px,3vw,44px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #2f679924}.offer-scenery{z-index:0;opacity:1;background:linear-gradient(90deg,#ffffff52 0%,#ffffffad 44%,#ffffff38 100%),url(/assets/join/offer-bg.png) 50%/cover no-repeat;position:absolute;inset:0}.offer-badge,.price-block,.offer-band p,.offer-band .button{z-index:1;position:relative}.offer-badge{background:var(--island-white);color:#c7809c;width:fit-content;font-family:var(--font-brand);white-space:nowrap;border:1px solid #f6c7d894;border-radius:999px;justify-self:start;padding:9px 18px;font-size:14px;font-weight:500;transform:rotate(-10deg)}.price-block{grid-template-rows:auto auto;grid-template-columns:auto auto;justify-self:start;align-items:end;column-gap:10px;display:grid}.price-block strong{color:var(--island-title-deep);font-family:var(--font-ui);grid-row:1/3;font-size:clamp(76px,6.2vw,84px);line-height:.98}.price-block span{color:var(--island-text-deep);white-space:nowrap;font-size:20px;font-weight:600;line-height:1.2}.price-block small{color:var(--island-text-deep);white-space:nowrap;font-size:14px;font-weight:500;line-height:1.6}.offer-band p{max-width:8.2em;color:var(--island-text-deep);font-family:var(--font-brand);white-space:normal;margin:0;font-size:clamp(28px,2.2vw,34px);font-weight:700;line-height:1.2}.final-line{color:var(--island-text-deep);text-align:center;justify-items:center;gap:8px;padding:16px 12px 30px;display:grid;position:relative}.final-line span,.final-line strong{font-family:var(--font-brand);letter-spacing:.06em;font-size:clamp(28px,2.5vw,34px);font-weight:700;line-height:1.25}.final-line strong{color:var(--island-title-deep)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.works-shell{background:var(--island-mist-blue);padding-bottom:0}.works-page{--works-page-max:1680px;--works-page-gap:clamp(24px, 2.6vw, 42px);background:linear-gradient(180deg, #ffffff24, #ffffff6b 46%, #fffdf7b3), url(/assets/works/page-bg.png) center top / 100% auto repeat-y, var(--island-mist-blue);min-height:100vh;padding:clamp(20px,2vw,30px) clamp(20px,5.7vw,96px) 76px}.works-nav{z-index:4;max-width:var(--works-page-max);grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:28px;margin:0 auto;display:grid;position:relative}.works-tabs{color:var(--island-text-deep);letter-spacing:.05em;justify-content:center;align-items:center;gap:clamp(24px,4.1vw,74px);font-size:17px;font-weight:500;display:inline-flex}.works-tabs a{border-radius:999px;justify-content:center;align-items:center;min-width:110px;height:46px;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex;position:relative}.works-tabs a:hover{transform:translateY(-2px)}.works-tabs a[aria-current=page]{background:#ffffffe0;min-width:164px;box-shadow:0 13px 32px #2f67991a}.works-tabs a[aria-current=page]:after{content:none}.home-nav{max-width:var(--works-page-max);grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);margin:0 auto;position:absolute;top:clamp(20px,2vw,30px);left:clamp(20px,5.7vw,96px);right:clamp(20px,5.7vw,96px)}.home-nav .brand{grid-area:1/1;justify-self:start}.home-nav .works-tabs{grid-area:1/2}.home-nav .join-nav-spacer{grid-area:1/3}.join-page-nav{max-width:var(--works-page-max);grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);margin:0 auto;position:absolute;top:clamp(20px,2vw,30px);left:clamp(20px,5.7vw,96px);right:clamp(20px,5.7vw,96px)}.articles-page-nav{padding:clamp(20px,2vw,30px) 0 0}.works-hero{max-width:var(--works-page-max);color:var(--island-text-deep);text-shadow:0 4px 18px #fffffff5;margin:clamp(46px,4.6vw,68px) auto 0}.works-title-line{align-items:flex-end;gap:22px;min-width:0;display:flex}.works-title-line h1{color:var(--island-title-deep);font-family:var(--font-brand);font-size:var(--works-title-size);letter-spacing:.12em;margin:0;font-weight:700;line-height:1.1}.works-title-line img{object-fit:contain;filter:drop-shadow(0 4px 8px #2f67992e);width:clamp(158px,16.5vw,270px);height:auto;margin-bottom:-8px}.works-hero p{max-width:860px;color:var(--island-text);font-family:var(--font-ui);font-size:var(--works-description-size);letter-spacing:.05em;margin:14px 0 0;font-weight:400;line-height:1.65}.works-content{max-width:var(--works-page-max);margin:26px auto 0}.works-main-column{min-width:0}.works-toolbar{grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:center;gap:18px;margin-bottom:22px;display:grid}.works-filters{flex-wrap:wrap;gap:10px;display:flex}.works-filters button{min-width:88px;height:48px;color:var(--island-text-deep);letter-spacing:.04em;-webkit-backdrop-filter:blur(17px)saturate(1.08);backdrop-filter:blur(17px)saturate(1.08);cursor:pointer;background:#ffffff9e;border:1px solid #ffffffdb;border-radius:999px;padding:0 18px;font-size:15px;font-weight:500;transition:transform .18s,box-shadow .18s,background-color .18s;box-shadow:0 14px 34px #2f679917}.works-filters button:last-child{min-width:126px}.works-filters button:hover{transform:translateY(-2px);box-shadow:0 17px 38px #2f679924}.works-filters button[aria-pressed=true]{background:linear-gradient(180deg, var(--island-soft-blue), var(--island-title-deep));color:#fff;box-shadow:0 16px 34px #2f80ed42}.featured-work,.work-card,.side-panel,.works-upload-footer,.works-search{border:1px solid var(--island-card-border);background:var(--island-card-bg-strong);box-shadow:0 16px 42px var(--island-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08)}.works-feature-row{grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:stretch;gap:20px;display:grid}.featured-work{border-radius:26px;grid-template-columns:minmax(0,1.28fr) minmax(330px,.92fr);align-self:start;align-items:center;gap:20px;height:244px;min-height:0;padding:7px 66px 7px 7px;display:grid;position:relative;overflow:hidden}.featured-work__label{z-index:2;color:#2a6696;min-width:106px;font-family:var(--font-brand);text-align:center;-webkit-backdrop-filter:blur(15px)saturate(1.12);backdrop-filter:blur(15px)saturate(1.12);background:linear-gradient(#ffffffd1,#f0f9ffb8),#ffffff94;border:1px solid #b1d3e9b8;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 14px 9px;font-size:14px;font-weight:700;display:inline-flex;position:absolute;top:16px;right:18px;box-shadow:0 12px 26px #2f679924,inset 0 1px #ffffffeb}.featured-work__label svg{color:#3f86b8b8;filter:drop-shadow(0 2px 5px #3f86b82e);width:15px;height:15px}.featured-work__visual{border-radius:20px;position:relative;overflow:hidden;box-shadow:0 16px 30px #2f67991a}.featured-work__visual .work-preview,.featured-work__visual iframe{height:230px}.featured-work__visual iframe{background:#f8fbf2c2;border:0;width:100%;min-height:230px;display:block}.featured-work__copy{min-width:0;padding-top:2px}.featured-work__copy h2{color:var(--island-text-deep);font-family:var(--font-brand);letter-spacing:0;text-wrap:balance;margin:0 0 9px;font-size:clamp(21px,1.45vw,24px);font-weight:700;line-height:1.18}.featured-work__copy .work-tags{flex-wrap:nowrap;overflow:hidden}.featured-work__copy .work-tags span{flex:none}.featured-work__copy p,.work-card__body p{color:var(--island-text-deep);letter-spacing:.03em;margin:0;font-size:15px;font-weight:400;line-height:1.7}.featured-work__summary,.work-card__body .work-card__summary{color:var(--island-text);letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.featured-work__summary{white-space:nowrap;text-overflow:ellipsis;display:block}.featured-work__vip{color:#8a570f;white-space:nowrap;background:linear-gradient(135deg,#fff8def5,#f8d58bd1);border:1px solid #f8ce7f85;border-radius:999px;align-items:center;gap:4px;min-height:24px;padding:2px 9px;font-size:10.5px;font-weight:700;line-height:1.4;display:inline-flex;box-shadow:0 7px 16px #ae701821,inset 0 1px #ffffffb8}.featured-work__vip svg{color:#b87916;fill:#b879161f;stroke-width:2.2px;width:11px;height:11px}.featured-work__vip .featured-work__vip-text{min-height:0;color:inherit;font:inherit;line-height:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.featured-work__copy .work-tags .featured-work__vip{color:#8a570f;background:linear-gradient(135deg,#fff8def5,#f8d58bd1);border-color:#f8ce7f85;gap:4px;box-shadow:0 7px 16px #ae701821,inset 0 1px #ffffffb8}.featured-work__actions,.work-card__actions{gap:12px;display:flex}.featured-work__actions{align-self:end;padding-bottom:0;position:absolute;bottom:18px;right:18px}.featured-work__actions button,.work-card__actions button{width:38px;height:38px;color:var(--island-text-deep);box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;transition:transform .19s cubic-bezier(.2,.9,.24,1.28),color .19s;display:inline-flex}.featured-work__actions button:hover,.work-card__actions button:hover{color:var(--island-title-deep);box-shadow:none;background:0 0;transform:translateY(-3px)scale(1.07)rotate(-5deg)}.featured-work__actions button:nth-child(2):hover,.work-card__actions button:nth-child(2):hover{transform:translateY(-3px)scale(1.07)rotate(5deg)}.featured-work__actions button:active,.work-card__actions button:active{transform:translateY(0)scale(.94)}.featured-work__actions button[aria-pressed=true],.work-card__actions button[aria-pressed=true]{color:#e84f68}.works-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.work-card{border-radius:22px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.work-card__image-wrap{border-radius:18px;height:158px;margin:10px 10px 0;position:relative;overflow:hidden}.work-card__category{min-height:24px;color:var(--island-text);font-family:var(--font-brand);letter-spacing:.03em;background:#ffffff9e;border:1px solid #6ea7c933;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex;box-shadow:inset 0 1px #ffffff94}.work-card__play{z-index:2;width:54px;height:54px;color:var(--island-title);box-shadow:0 10px 24px var(--island-shadow);background:#ffffffd1;border-radius:50%;place-items:center;margin:auto;font-size:20px;display:grid;position:absolute;inset:0}.work-card__body{flex-direction:column;flex:1;padding:14px 14px 14px 16px;display:flex}.work-card__title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.work-card__title-row h3{min-width:0;color:var(--island-text-deep);font-family:var(--font-brand);letter-spacing:.05em;margin:0;font-size:20px;font-weight:600;line-height:1.35}.work-tags{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.work-tags span{min-height:21px;color:var(--island-text);background:#dceef7a3;border:1px solid #a9c7d875;border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:400;line-height:1.6;display:inline-flex}.work-card__vip{z-index:3;color:#9b6a26;white-space:nowrap;box-shadow:0 7px 16px var(--island-shadow);background:#f7d99aad;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.6;position:absolute;top:8px;right:8px}.work-card__actions{flex:none;gap:8px}.work-card__actions button{width:34px;height:34px}.work-card__footer{flex-direction:column;align-items:stretch;gap:12px;margin-top:auto;padding-top:10px;display:flex}.work-card__footer .work-tags{flex:auto;min-width:0;margin-top:0}.work-card__footer-actions{justify-content:flex-end;align-items:center;width:100%;display:flex}.work-preview{background:linear-gradient(#ffffff0a,#ffffff5c),url(/assets/works/page-bg.png) 50%/cover no-repeat;width:100%;height:100%;position:relative;overflow:hidden}.work-preview--focused{background:#eef9fc}.work-preview__frame{top:var(--preview-y,50%);left:var(--preview-x,50%);width:var(--preview-width,1280px);height:var(--preview-height,720px);pointer-events:none;transform:translate(-50%, -50%) scale(var(--preview-scale,.34));transform-origin:50%;background:#eef9fc;border:0;position:absolute}.featured-work__visual .work-preview__frame{width:100%;height:100%;min-height:0;top:0;left:0;transform:none}.work-preview img,.work-preview video{object-fit:cover;opacity:.68;width:100%;height:100%;position:absolute;inset:0}.work-preview--live img,.work-preview--gif img,.work-preview--video video{opacity:1}.work-preview:before,.work-preview:after{content:"";pointer-events:none;position:absolute}.work-preview:before{background:radial-gradient(circle at 20% 24%,#ffffffb3 0 3px,#0000 4px),radial-gradient(circle at 65% 18%,#fff2c8b8 0 2px,#0000 3px),linear-gradient(#ffffff1a,#ffffff2e);inset:0}.work-preview:after{filter:blur(18px);background:#ffffff75;border-radius:50%;width:42%;height:42%;bottom:12%;right:8%}.work-preview--live:before,.work-preview--live:after,.work-preview--gif:before,.work-preview--gif:after{opacity:0}.work-preview__shine{z-index:1;background:linear-gradient(140deg,#ffffff94,#ffffff1f),#ffffff1f;border:1px solid #ffffff8a;border-radius:16px;position:absolute;inset:12% 13%;box-shadow:inset 0 0 16px #ffffff6b,0 10px 22px #2f679914}.work-preview--live .work-preview__shine,.work-preview--gif .work-preview__shine,.work-preview--video .work-preview__shine{opacity:0}.work-preview--desk{background-position:54% 5%}.work-preview--flowers{background-position:38% 45%}.work-preview--sail{background-position:48% 72%}.work-preview--gallery{background-position:80% 4%}.work-preview--tool{background-position:28% 8%}.work-preview--prompt{background-position:64% 94%}.works-search{border-radius:999px;align-items:center;gap:12px;height:52px;min-height:52px;padding:0 22px;display:flex}.works-search__icon{width:22px;height:22px;color:var(--island-title);flex:none;place-items:center;display:inline-grid}.works-search__icon svg{width:100%;height:100%;display:block}.works-search input{width:100%;min-width:0;color:var(--island-text-deep);background:0 0;border:0;outline:0;font-size:16px;font-weight:500}.works-search input::placeholder{color:#5a708c85}.vibeview-preview{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#2f5f8647;place-items:center;padding:clamp(16px,3vw,44px);display:grid;position:fixed;inset:0}.vibeview-preview--preloaded{visibility:hidden;opacity:0;pointer-events:none}.vibeview-preview--preloaded.is-active{visibility:visible;opacity:1;pointer-events:auto}.vibeview-preview__panel{background:#ffffffad;border:1px solid #ffffffdb;border-radius:28px;grid-template-rows:auto minmax(280px,1fr) auto;width:min(1280px,100%);max-height:min(860px,100vh - 32px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 72px #2f679938}.vibeview-preview__header,.vibeview-preview__actions{justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;display:flex}.vibeview-preview__header{border-bottom:1px solid #ffffffb8}.vibeview-preview__header span{color:var(--island-title);letter-spacing:.08em;font-size:13px;font-weight:700}.vibeview-preview__header h2{color:var(--island-text-deep);font-family:var(--font-brand);letter-spacing:.04em;margin:4px 0 0;font-size:clamp(24px,2.1vw,34px);line-height:1.2}.vibeview-preview__header p{max-width:760px;color:var(--island-text);margin:8px 0 0;font-size:15px;line-height:1.6}.vibeview-preview__close{width:44px;height:44px;color:var(--island-text-deep);cursor:pointer;background:#ffffffc7;border:1px solid #6ea7c952;border-radius:50%;flex:none;font-size:26px;line-height:1;box-shadow:0 10px 24px #2f67991a}.vibeview-preview__stage{min-height:0;padding:14px}.vibeview-preview__viewport,.vibeview-preview__fallback{background:#f8fbf2c2;border:1px solid #a9c7d875;border-radius:20px;width:100%;height:100%;min-height:clamp(540px,68vh,760px);overflow:hidden}.vibeview-preview__viewport{position:relative;box-shadow:inset 0 0 0 10px #f8fbf2e0,inset 0 0 34px #ffffffb3,0 12px 28px #2f679914}.vibeview-preview__viewport iframe{background:#f8fbf2c2;border:0;width:calc(100% + 20px);height:calc(100% + 20px);display:block;position:absolute;top:-10px;left:-10px}.vibeview-preview__fallback{text-align:center;place-items:center;padding:28px;display:grid;position:relative}.vibeview-preview__fallback--repairing{animation:3.2s ease-in-out infinite vibeRepairPulse}.vibeview-preview__fallback img{object-fit:cover;opacity:.34;width:100%;height:100%;position:absolute;inset:0}.vibeview-preview__status-orbit{z-index:1;pointer-events:none;position:absolute;inset:20px}.vibeview-preview__status-orbit span{min-height:30px;color:var(--island-title);background:#ffffff8f;border:1px solid #ffffffd6;border-radius:999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:700;animation:4.8s ease-in-out infinite vibeRepairFloat;display:inline-flex;position:absolute;box-shadow:0 12px 24px #2f67991f}.vibeview-preview__status-orbit span:first-child{top:14%;left:12%}.vibeview-preview__status-orbit span:nth-child(2){animation-delay:-1.4s;top:20%;right:10%}.vibeview-preview__status-orbit span:nth-child(3){color:#9b6a26;animation-delay:-2.6s;bottom:15%;right:18%}.vibeview-preview__fallback div{z-index:1;background:#ffffffad;border:1px solid #ffffffd1;border-radius:22px;max-width:460px;padding:22px 24px;position:relative;box-shadow:0 16px 36px #2f67991f}.vibeview-preview__fallback strong{color:var(--island-text-deep);font-family:var(--font-brand);font-size:22px}.vibeview-preview__fallback p{color:var(--island-text);margin:10px 0 0;font-size:15px;line-height:1.7}.vibeview-preview__actions{border-top:1px solid #ffffffb8}.vibeview-preview__actions .work-tags{margin-top:0}.vibeview-preview__actions a{min-height:42px;color:var(--island-text-deep);white-space:nowrap;background:linear-gradient(#ffffffc7,#dff5ffad),#ffffff9e;border:1px solid #ffffffd1;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex;box-shadow:inset 0 1px #ffffffdb,0 12px 28px #2f679921}.vibeview-preview__actions a:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffffe6,0 15px 32px #2f67992b}@keyframes vibeRepairPulse{0%,to{box-shadow:inset 0 0 0 1px #ffffff70,0 0 #2f80ed00}50%{box-shadow:inset 0 0 0 1px #ffffffc7,0 18px 48px #2f80ed24}}@keyframes vibeRepairFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-10px)}}.side-panel{border-radius:26px;padding:24px 26px;overflow:hidden}.side-panel__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.side-panel h2{color:var(--island-text-deep);font-family:var(--font-brand);letter-spacing:.04em;margin:0;font-size:21px;font-weight:600}.side-panel__header a{color:var(--island-text-deep);white-space:nowrap;font-size:13px;font-weight:500}.stats-panel{min-height:244px;padding:28px 22px 20px;position:relative}.stats-panel__boat{opacity:.88;background:url(/assets/works/page-bg.png) 47% 72%/360px no-repeat;width:128px;height:72px;position:absolute;top:10px;right:28px;-webkit-mask-image:radial-gradient(#000 42%,#0000 72%);mask-image:radial-gradient(#000 42%,#0000 72%)}.stats-panel h2{margin-bottom:26px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stats-grid div{text-align:center;justify-items:center;gap:8px;min-width:0;display:grid}.stats-icon{filter:drop-shadow(0 7px 12px #2f679921);background-image:url(/assets/works/icon-sheet.png);background-repeat:no-repeat;background-size:400% 100%;width:42px;height:42px;display:block}.stats-icon--works{background-position:0 0}.stats-icon--members{background-position:33.333% 0}.stats-icon--favorites{background-position:66.666% 0}.stats-icon--infinite{background-position:100% 0}.stats-grid strong{color:var(--island-title-deep);font-family:var(--font-ui);font-size:20px;line-height:1}.stats-grid span{color:var(--island-text-deep);font-size:12px;font-weight:700;line-height:1.25}.works-footer-row{margin-top:24px}.works-upload-footer{border-radius:22px;grid-template-columns:minmax(0,1fr) auto 38px;align-items:center;gap:14px;min-height:88px;padding:14px 20px;display:grid}.works-upload-footer h2{color:var(--island-text-deep);font-family:var(--font-brand);letter-spacing:.04em;margin:0;font-size:18px;font-weight:600}.works-upload-footer p{color:var(--island-muted);margin:6px 0 0;font-size:13px;font-weight:500;line-height:1.6}.works-upload-footer a{color:#fff;background:#2f80ede0;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 18px;font-size:13px;font-weight:600;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 20px #2f80ed2e}.works-upload-footer a:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2f80ed3d}.works-upload-footer__icon{width:38px;height:38px;color:var(--island-title);background:#ffffff94;border:1px solid #6ea7c938;border-radius:50%;place-items:center;display:inline-grid}.works-upload-footer__icon svg{width:21px;height:21px;display:block}.works-icon{width:25px;height:25px;color:var(--island-title);mix-blend-mode:normal;background:#ffffff57;border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;box-shadow:inset 0 0 0 1px #6ea7c92e}.works-icon svg{width:20px;height:20px;display:block}.works-icon:before{color:currentColor;font-family:var(--font-ui);font-size:18px;font-weight:700;line-height:1}.works-icon--heart:before,.works-icon--open:before{content:none}.works-icon--heart,.works-icon--open{width:24px;height:24px;color:var(--island-text-deep);box-shadow:none;background:0 0;border-radius:0}.works-icon__heart-fill{opacity:0;transition:opacity .18s}.works-icon__heart-outline{transition:opacity .18s}.featured-work__actions button[aria-pressed=true] .works-icon__heart-fill,.work-card__actions button[aria-pressed=true] .works-icon__heart-fill{opacity:1;color:#e84f68}.featured-work__actions button[aria-pressed=true] .works-icon__heart-outline,.work-card__actions button[aria-pressed=true] .works-icon__heart-outline{opacity:0}.work-favorite-button{position:relative}.work-favorite-button__sparkles{pointer-events:none;position:absolute;inset:-8px}.work-favorite-button__sparkles span{opacity:0;background:#ffd166;border-radius:999px;width:5px;height:5px;animation:.52s ease-out forwards workFavoriteSparkle;position:absolute}.work-favorite-button__sparkles span:first-child{top:4px;left:10px}.work-favorite-button__sparkles span:nth-child(2){background:#ff7aa2;animation-delay:35ms;top:6px;right:8px}.work-favorite-button__sparkles span:nth-child(3){background:#f2a47f;animation-delay:70ms;bottom:8px;right:7px}.work-favorite-button__sparkles span:nth-child(4){background:#fff2c8;animation-delay:95ms;bottom:7px;left:8px}@keyframes workFavoriteSparkle{0%{opacity:0;transform:translate(0,0)scale(.4)}42%{opacity:1}to{opacity:0;transform:translate3d(var(--spark-x,0), var(--spark-y,-10px), 0) scale(1.05)}}.work-favorite-button__sparkles span:first-child{--spark-x:-6px;--spark-y:-12px}.work-favorite-button__sparkles span:nth-child(2){--spark-x:10px;--spark-y:-10px}.work-favorite-button__sparkles span:nth-child(3){--spark-x:9px;--spark-y:10px}.work-favorite-button__sparkles span:nth-child(4){--spark-x:-10px;--spark-y:8px}.works-icon--heart svg,.works-icon--open svg{width:23px;height:23px}.works-icon--search:before{content:"⌕";font-size:19px}.works-icon--vip:before{content:"VIP";letter-spacing:.04em;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-size:8px;font-weight:600}.works-icon--tag:before{content:"◇"}.works-icon--star:before{content:"✦"}.works-icon--growth:before{content:"↗";font-size:17px}.works-icon--note:before{content:"∞"}.upload-shell{background:var(--island-mist-blue);padding-bottom:0}.upload-page{background:linear-gradient(180deg, #ffffff24, #ffffff80 54%, #fffdf7c2), url(/assets/works/page-bg.png) center top / 100% auto repeat-y, var(--island-mist-blue);min-height:100vh;padding:22px clamp(20px,5.2vw,76px) 74px}.upload-nav{max-width:1660px}.upload-back-button{min-width:94px;height:42px;color:var(--island-text-deep);letter-spacing:.04em;-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:#ffffffad;border:1px solid #ffffffdb;border-radius:999px;justify-content:center;justify-self:end;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex;box-shadow:0 14px 34px #2f67991f}.upload-back-button:hover{background:#ffffffd1;transform:translateY(-2px);box-shadow:0 16px 38px #2f679926}.upload-back-button svg{flex:none}.upload-hero{max-width:1660px;color:var(--island-text-deep);text-shadow:0 4px 18px #fffffff5;margin:clamp(42px,4.4vw,68px) auto 0}.upload-title-line{align-items:flex-end;gap:22px;min-width:0;display:flex}.upload-title-line h1{color:var(--island-title-deep);font-family:var(--font-brand);font-size:var(--works-title-size);letter-spacing:.12em;margin:0;font-weight:700;line-height:1.1}.upload-title-line img{object-fit:contain;filter:drop-shadow(0 4px 8px #2f679924);width:clamp(230px,25vw,420px);height:auto;margin-bottom:-4px}.upload-hero p{max-width:760px;color:var(--island-text);font-family:var(--font-ui);font-size:var(--works-description-size);letter-spacing:.05em;margin:14px 0 0;font-weight:400;line-height:1.65}.upload-layout{grid-template-columns:minmax(0,1fr) minmax(320px,390px);align-items:start;gap:32px;max-width:1660px;margin:28px auto 0;display:grid}.upload-form,.upload-side-panel,.upload-promo-card{border:1px solid var(--island-card-border);background:var(--island-card-bg-strong);box-shadow:0 16px 42px var(--island-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08)}.upload-form{border-radius:24px;display:grid;overflow:hidden}.upload-form-section{border-bottom:1px solid #cae2f3a8;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:22px;padding:20px 22px;display:grid}.upload-form-section:last-of-type{border-bottom:0}.upload-step-title{align-items:flex-start;gap:12px;min-width:0;display:flex}.upload-step-title>span{background:linear-gradient(180deg, var(--island-title), var(--island-title-deep));color:#fff;min-width:28px;height:28px;font-family:var(--font-ui);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff6b}.upload-step-title h2,.upload-side-panel h2,.upload-promo-card h2{color:var(--island-text-deep);font-family:var(--font-brand);letter-spacing:.04em;margin:0;font-weight:600}.upload-step-title h2{font-size:20px;line-height:1.32}.upload-step-title p{color:var(--island-muted);margin:6px 0 0;font-size:13px;font-weight:400;line-height:1.6}.upload-dropzone{cursor:pointer;background:#ffffff5c;border:1px dashed #4a80c757;border-radius:18px;grid-template-columns:minmax(230px,.42fr) minmax(0,1fr);align-items:center;gap:22px;min-height:128px;padding:18px;display:grid}.upload-dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-dropzone__art{background:radial-gradient(circle at 18% 24%,#fff2c8d1 0 5px,#0000 6px),linear-gradient(#ffffffd1,#dff5ff8c);border-radius:16px;place-items:center;min-height:86px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #cae2f3d1,0 10px 22px #2f679914}.upload-dropzone__art>span{background:linear-gradient(135deg,#0000 44%,#80b1dab8 45% 62%,#0000 63%),linear-gradient(45deg,#0000 52%,#abcfe8b8 53% 72%,#0000 73%),#ffffffb8;border-radius:10px;width:78px;height:54px;box-shadow:inset 0 0 0 4px #fffc,0 8px 18px #2f67991f}.upload-dropzone__art i{background:linear-gradient(180deg, var(--island-title), var(--island-title-deep));color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:28px;font-style:normal;line-height:1;display:grid;position:absolute;bottom:18px;right:28px}.upload-dropzone strong{color:var(--island-text-deep);font-family:var(--font-brand);letter-spacing:.03em;font-size:17px;font-weight:600;line-height:1.55}.upload-fields{gap:12px;display:grid}.upload-field,.upload-category-row,.upload-select{grid-template-columns:126px minmax(0,1fr);align-items:center;gap:12px;display:grid}.upload-field>span,.upload-category-row>span{color:var(--island-text-deep);font-family:var(--font-brand);letter-spacing:.03em;font-size:16px;font-weight:600;line-height:1.25}.upload-field input,.upload-field textarea,.upload-select select{width:100%;min-width:0;color:var(--island-text-deep);font:inherit;background:#ffffff8f;border:1px solid #cae2f3e6;border-radius:13px;outline:0;font-size:14px;font-weight:500;box-shadow:inset 0 1px 4px #2f67990a}.upload-field input,.upload-select select{height:38px;padding:0 52px 0 14px}.upload-field textarea{resize:vertical;min-height:48px;padding:12px 52px 12px 14px}.upload-field input::placeholder,.upload-field textarea::placeholder{color:#4a66897a}.upload-field small{color:#4a668994;pointer-events:none;grid-column:2;justify-self:end;margin-top:-38px;padding-right:14px;font-size:12px;font-weight:400;line-height:1.6}.upload-field--multiline small{margin-top:-42px}.upload-category-row>div,.upload-tag-row{flex-wrap:wrap;gap:10px;display:flex}.upload-category-row button,.upload-tag-row button,.upload-secondary-button,.upload-primary-button,.upload-preview-actions button{cursor:pointer;border:1px solid #cae2f3e6;transition:transform .18s,box-shadow .18s,background-color .18s}.upload-category-row button,.upload-tag-row button{min-height:34px;color:var(--island-text);background:#ffffff8f;border-radius:999px;padding:0 16px;font-size:14px;font-weight:500}.upload-category-row button[aria-pressed=true]{color:#9b6a26;background:#fff2c8ad}.upload-tag-row button{color:var(--island-title-deep);align-items:center;gap:9px;display:inline-flex}.upload-add-tag{color:var(--island-text-deep)!important}.upload-select{grid-template-columns:30px minmax(0,1fr);max-width:560px}.upload-select select{appearance:none;background:linear-gradient(45deg, transparent 50%, var(--island-title-deep) 50%) right 18px center / 8px 8px no-repeat, #ffffff8f}.upload-submit-row{justify-content:center;gap:28px;padding:28px 22px 30px;display:flex}.upload-secondary-button,.upload-primary-button{border-radius:999px;min-width:220px;height:56px;font-size:16px;font-weight:600}.upload-secondary-button{color:var(--island-text-deep);background:#ffffffb8}.upload-primary-button{background:linear-gradient(180deg, var(--island-soft-blue), var(--island-title-deep));color:#fff;box-shadow:0 16px 34px #2f80ed42}.upload-category-row button:hover,.upload-tag-row button:hover,.upload-secondary-button:hover,.upload-primary-button:hover,.upload-preview-actions button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2f679921}.upload-sidebar{gap:22px;display:grid}.upload-side-panel{border-radius:24px;padding:22px;overflow:hidden}.upload-side-panel h2{font-size:21px;line-height:1.25}.upload-side-panel>p{color:var(--island-muted);margin:8px 0 14px;font-size:13px;font-weight:400;line-height:1.6}.upload-preview-card{background:#ffffff94;border:1px solid #cae2f3e6;border-radius:18px;overflow:hidden}.upload-preview-card__image{background:linear-gradient(#ffffff1f,#ffffff4d),url(/assets/works/page-bg.png) 76% 0/390px no-repeat;border-radius:14px;height:126px;margin:10px 10px 0;position:relative;overflow:hidden}.upload-preview-card__image span{color:var(--island-text);letter-spacing:.04em;background:#ffffffb8;border-radius:0 0 14px;padding:7px 12px 8px;font-size:13px;font-weight:500;position:absolute;top:0;left:0}.upload-preview-card__body{padding:12px 12px 14px}.upload-preview-card h3{color:var(--island-text-deep);font-family:var(--font-brand);letter-spacing:.04em;margin:0 0 6px;font-size:17px;font-weight:600;line-height:1.28}.upload-preview-card p{color:var(--island-text-deep);margin:0 0 12px;font-size:13px;font-weight:400;line-height:1.6}.upload-preview-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.upload-preview-actions button{height:36px;color:var(--island-text-deep);background:#ffffffb3;border-radius:999px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.upload-preview-actions .works-icon{width:20px;height:20px}.upload-checklist ul{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.upload-checklist li{color:var(--island-text-deep);grid-template-columns:24px 1fr;align-items:center;gap:9px;font-size:14px;font-weight:400;line-height:1.6;display:grid}.upload-checklist li span{background:linear-gradient(180deg, var(--island-title), var(--island-title-deep));color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;line-height:1;display:inline-grid}.upload-promo-card{background:linear-gradient(#ffffff38,#ffffffc7),url(/assets/works/page-bg.png) 82% 18%/470px no-repeat;border-radius:24px;align-content:end;min-height:190px;padding:24px;display:grid;overflow:hidden}.upload-promo-card h2{max-width:260px;font-size:22px;line-height:1.25}.upload-promo-card p{max-width:250px;color:var(--island-text-deep);margin:10px 0 0;font-size:13px;font-weight:400;line-height:1.65}.tutorial-shell{background:linear-gradient(90deg, #dceef7f0, #fffdf7f5, #dceef7f0), var(--island-pale-blue);min-height:100vh;padding:0 0 42px}.tutorial-page{background:url(/assets/tutorial/page-bg.png) top center / 100% auto no-repeat, linear-gradient(180deg, var(--island-mist-blue), var(--island-cream) 54%, var(--island-pale-blue));width:min(724px,100vw);min-height:2172px;color:var(--island-text);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 22px 70px #2f679929}.tutorial-nav{z-index:3;grid-template-columns:132px 1fr auto;align-items:center;gap:12px;padding:19px 29px 0;display:grid;position:relative}.tutorial-brand img{filter:drop-shadow(0 8px 14px #2f679921);width:116px;height:auto;display:block}.tutorial-tabs{color:var(--island-text);letter-spacing:.05em;white-space:nowrap;justify-content:center;align-items:center;gap:25px;font-size:14px;font-weight:500;display:flex}.tutorial-tabs a,.tutorial-actions a,.tutorial-search{transition:transform .18s,box-shadow .18s,background-color .18s}.tutorial-tabs a:hover,.tutorial-actions a:hover,.tutorial-search:hover{transform:translateY(-2px)}.tutorial-tabs a[aria-current=page]{color:var(--island-title-deep)}.tutorial-actions{align-items:center;gap:8px;display:flex}.tutorial-search,.tutorial-join{-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:#ffffffc2;border:1px solid #ffffffdb;border-radius:999px;align-items:center;height:30px;display:inline-flex;box-shadow:0 12px 28px #2f679917}.tutorial-search{width:82px;color:var(--island-text);gap:4px;padding:0 9px}.tutorial-search span[aria-hidden=true]{font-size:16px;line-height:1}.tutorial-search input{width:44px;min-width:0;color:var(--island-text);font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:10px}.tutorial-search input::placeholder{color:#2f6799b3}.tutorial-join{color:var(--island-text);white-space:nowrap;gap:4px;padding:0 13px;font-size:13px;font-weight:600}.tutorial-join:before{content:"✿";color:var(--island-flower);font-size:13px}.tutorial-hero{z-index:2;min-height:273px;padding:23px 38px 0;position:relative}.tutorial-hero-copy{text-shadow:0 4px 18px #fffffff5;width:455px;max-width:100%}.tutorial-hero h1{color:var(--island-title-deep);font-family:var(--font-brand);letter-spacing:.08em;margin:0;font-size:34px;font-weight:700;line-height:1.22}.tutorial-hero p{color:var(--island-text);font-family:var(--font-ui);letter-spacing:.03em;margin:19px 0 0;font-size:15px;font-weight:400;line-height:1.7}.tutorial-pills{flex-wrap:wrap;gap:10px 12px;width:450px;margin-top:24px;display:flex}.tutorial-pills span{height:31px;color:var(--island-text);-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:#ffffffad;border:1px solid #ffffffdb;border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:12px;font-weight:500;line-height:1;display:inline-flex;box-shadow:0 12px 28px #2f679914}.tutorial-pills img{object-fit:contain;width:18px;height:18px}.tutorial-laptop{width:128px;height:82px;color:var(--island-cream);font-family:var(--font-brand);background:radial-gradient(circle at 22% 24%,#ffffff85 0 2px,#0000 3px),linear-gradient(160deg,#3d7caedb,#2f6799f0);border:5px solid #416074d1;border-radius:7px;place-items:center;font-size:16px;font-weight:600;display:grid;position:absolute;bottom:18px;right:46px;transform:perspective(420px)rotateX(3deg)rotate(3deg);box-shadow:0 15px 28px #2f67992e}.tutorial-laptop:after{content:"";background:#d8e5e9eb;border-radius:0 0 14px 14px;height:12px;position:absolute;bottom:-12px;left:-14px;right:-14px;box-shadow:0 10px 16px #2f67991f}.tutorial-roadmap,.tutorial-lesson-card,.tutorial-update-note{z-index:2;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#ffffffa3;border:1px solid #ffffffdb;width:calc(100% - 60px);margin-left:auto;margin-right:auto;position:relative;box-shadow:0 17px 42px #2f67991c}.tutorial-roadmap{border-radius:18px;min-height:170px;margin-top:2px;padding:16px 22px 19px}.tutorial-roadmap h2{color:var(--island-title-deep);font-family:var(--font-brand);letter-spacing:.06em;justify-content:center;align-items:center;gap:10px;margin:0 0 13px;font-size:24px;font-weight:700;line-height:1.2;display:flex}.tutorial-roadmap h2 span{color:var(--island-flower);font-size:17px}.tutorial-roadmap-list{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;display:grid}.tutorial-roadmap-list a{min-width:0;color:var(--island-text);text-align:center;justify-items:center;gap:2px;display:grid;position:relative}.tutorial-roadmap-list a+a:before{content:"";border-left:1px dashed #6ea7c97a;position:absolute;top:12px;bottom:10px;left:0}.tutorial-roadmap-list img{object-fit:contain;filter:drop-shadow(0 8px 12px #2f67991f);width:76px;height:66px}.tutorial-roadmap-list span,.tutorial-roadmap-list strong{font-family:var(--font-brand);letter-spacing:.03em;font-size:12px;font-weight:600;line-height:1.35}.tutorial-roadmap-list span{color:var(--island-muted);margin-top:2px}.tutorial-lessons{z-index:2;gap:12px;margin-top:13px;display:grid;position:relative}.tutorial-lesson-card{border-color:#cae2f3e6;border-radius:14px;min-height:310px;padding:10px 15px 11px}.tutorial-lesson-title{align-items:center;gap:12px;height:35px;display:flex}.tutorial-lesson-title>span{background:linear-gradient(180deg, var(--island-title), var(--island-title-deep));color:#fff;min-width:43px;height:31px;font-family:var(--font-ui);border-radius:13px;justify-content:center;align-items:center;font-size:20px;font-weight:600;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff6b}.tutorial-lesson-title h2{color:var(--island-title-deep);font-family:var(--font-brand);letter-spacing:.04em;margin:0;font-size:20px;font-weight:600;line-height:1.35}.tutorial-lesson-body{grid-template-columns:1fr 1.03fr;gap:12px;margin-top:10px;display:grid}.tutorial-video-panel,.tutorial-lecture-panel{background:#ffffff8a;border:1px solid #bfddf1eb;border-radius:9px;min-width:0;overflow:hidden}.tutorial-video-scene{height:210px;color:var(--island-text);background:linear-gradient(#ffffff40,#2f67991f 58%,#143048b8),url(/assets/tutorial/page-bg.png) 50% 0/724px no-repeat;place-items:center;display:grid;position:relative;overflow:hidden}.tutorial-video-scene>span{color:var(--island-text);font-family:var(--font-brand);text-shadow:0 4px 18px #fffffff5;font-size:15px;font-weight:600;transform:translateY(-12px)}.tutorial-video-scene button{width:52px;height:52px;color:var(--island-soft-blue);cursor:pointer;background:#ffffffb8;border:1px solid #ffffffdb;border-radius:50%;place-items:center;margin:auto;padding-left:4px;font-size:22px;transition:transform .18s,box-shadow .18s;display:grid;position:absolute;inset:0;box-shadow:0 12px 30px #2f679924}.tutorial-video-scene button:hover{transform:translateY(-2px);box-shadow:0 14px 34px #2f67992e}.tutorial-video-controls{color:#fffffff0;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:8px;font-size:9px;font-weight:500;display:grid;position:absolute;bottom:9px;left:9px;right:9px}.tutorial-video-controls i{background:#ffffffbd;border-radius:999px;height:4px}.tutorial-lecture-panel{padding:14px 13px 12px}.tutorial-lecture-panel h3{color:var(--island-text);font-family:var(--font-brand);letter-spacing:.04em;margin:0 0 8px 4px;font-size:14px;font-weight:600;line-height:1.35}.tutorial-note-lines{gap:7px;margin:0 6px 13px;padding:0;list-style:none;display:grid}.tutorial-note-lines li{grid-template-columns:5px 1fr;align-items:center;gap:12px;display:grid}.tutorial-note-lines li:before{content:"";background:var(--island-soft-blue);border-radius:50%;width:5px;height:5px}.tutorial-note-lines span{background:#8db8d342;border-radius:999px;height:7px}.tutorial-note-lines li:first-child span{width:46%}.tutorial-note-lines li:nth-child(2) span{width:69%}.tutorial-note-lines li:nth-child(3) span{width:82%}.tutorial-note-lines li:nth-child(4) span{width:52%}.tutorial-note-lines li:nth-child(5) span{width:74%}.tutorial-material-grid{grid-template-columns:1fr 1fr 1.15fr 1fr;gap:8px;height:67px;margin-bottom:13px;display:grid}.tutorial-material-grid span{background:linear-gradient(#ffffffd1,#dff5ff7a),#ffffffa3;border:1px solid #cae2f3d1;border-radius:6px;position:relative;overflow:hidden}.tutorial-material-grid span:before,.tutorial-material-grid span:after{content:"";background:#8db8d333;border-radius:3px;position:absolute}.tutorial-material-grid span:before{width:33px;height:30px;inset:12px auto auto 10px}.tutorial-material-grid span:after{width:32px;height:6px;top:12px;right:8px;box-shadow:0 13px #8db8d32e,0 26px #8db8d329}.tutorial-resource-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.tutorial-resource-cards article{min-height:62px;color:var(--island-text);text-align:center;background:#ffffff85;border:1px solid #cae2f3e6;border-radius:8px;align-content:center;justify-items:center;gap:2px;padding:6px 5px;display:grid}.tutorial-resource-cards img{object-fit:contain;width:28px;height:24px}.tutorial-resource-cards span{max-width:78px;font-size:10px;font-weight:400;line-height:1.6;display:block}.tutorial-focus-row{height:35px;color:var(--island-text);font-family:var(--font-brand);letter-spacing:.03em;background:#ffffff6b;border-radius:999px;grid-template-columns:94px repeat(3,1fr);align-items:center;gap:8px;margin-top:9px;font-size:11px;font-weight:400;display:grid;overflow:hidden}.tutorial-focus-row strong{height:100%;color:var(--island-text);background:#ffffff70;border-right:1px solid #cae2f3db;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.tutorial-focus-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-left:15px;position:relative;overflow:hidden}.tutorial-focus-row span:before{content:"◆";color:var(--island-soft-blue);font-size:8px;position:absolute;left:0}.tutorial-update-note{min-height:48px;color:var(--island-text);border-radius:999px;justify-content:center;align-items:center;gap:11px;margin-top:13px;margin-bottom:36px;font-size:12px;font-weight:400;line-height:1.6;display:flex}.tutorial-update-note strong{background:linear-gradient(180deg, var(--island-title), var(--island-title-deep));color:#fff;border-radius:999px;align-items:center;height:28px;padding:0 14px;font-size:13px;display:inline-flex}@media (width<=1500px){.card-grid--five{grid-template-columns:repeat(6,minmax(0,1fr))}.card-grid--five>.island-card{grid-column:span 2}.card-grid--five>.island-card:nth-child(4):nth-last-child(2){grid-column:2/span 2}.card-grid--five>.island-card:nth-child(5):last-child{grid-column:4/span 2}.card-grid--four,.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1180px){.join-nav{grid-template-columns:auto 1fr auto}.join-tabs{width:min(460px,52vw)}.join-tabs a{font-size:15px}.poster-page{width:calc(100vw - 24px)}.offer-band{grid-template-columns:1fr auto}.works-page,.upload-page{background-size:auto 1000px;padding-left:24px;padding-right:24px}.works-nav{grid-template-columns:auto 1fr auto}.works-tabs{justify-self:center;gap:18px;font-size:15px}.works-tabs a{min-width:92px}.works-tabs a[aria-current=page]{min-width:132px}.works-toolbar{grid-template-columns:1fr;align-items:start}.works-search{width:min(420px,100%)}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.works-feature-row,.upload-layout{grid-template-columns:1fr}.upload-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.upload-promo-card{min-height:auto}}@media (width<=820px){.site-shell{padding-bottom:28px}.join-hero{height:720px}.join-hero__media{object-position:64% center}.join-hero:after{background:linear-gradient(90deg,#ffffff85,#ffffff29),linear-gradient(#ffffff1a,#0000 68%,#f8fbf2eb)}.join-nav{grid-template-columns:1fr;gap:12px;top:14px;left:16px;right:16px}.brand{width:132px}.join-tabs{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:stretch;width:100%;min-width:0;height:50px;display:grid}.join-tabs a{flex:1;min-width:0;height:40px;font-size:15px}.join-nav-spacer{display:none}.hero-copy{width:auto;top:126px;left:18px;right:18px}.hero-copy h1{white-space:normal;max-width:420px;font-size:42px}.hero-copy p{max-width:330px;font-size:20px}.button{min-width:154px;height:48px;padding:0 20px;font-size:15px}.poster-page{width:calc(100vw - 16px);padding:18px 12px 0}.section-title{gap:8px}.section-title span{flex-basis:42px;width:42px}.card-grid--five,.card-grid--four,.benefits-grid{grid-template-columns:minmax(0,1fr)}.card-grid--five>.island-card,.card-grid--five>.island-card:nth-child(4):nth-last-child(2),.card-grid--five>.island-card:nth-child(5):last-child{grid-column:1/-1}.island-card{min-height:auto}.island-card--compact{grid-template-columns:auto minmax(0,1fr);gap:12px 14px}.island-card--plain{text-align:center;grid-template-columns:1fr;justify-items:center}.island-card--compact img{grid-column:1/-1;justify-self:center;width:min(138px,48vw);height:112px}.offer-band{text-align:center;grid-template-columns:1fr;justify-items:center;gap:12px;padding:18px}.offer-badge{justify-self:center}.offer-band p{white-space:normal}.works-page,.upload-page{background-size:auto 920px;padding:16px 14px 48px}.upload-back-button{justify-self:start;height:40px;padding:0 16px;font-size:13px}.works-nav{grid-template-columns:1fr;gap:12px}.works-tabs{-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#ffffff9e;border:1px solid #ffffffdb;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:stretch;gap:4px;width:100%;min-width:0;height:50px;padding:5px;font-size:15px;display:grid;box-shadow:0 14px 34px #2f67991c}.works-tabs a,.works-tabs a[aria-current=page]{white-space:nowrap;flex:1 1 0;min-width:0;height:40px;padding:0 4px}.works-tabs a[aria-current=page]:after{content:none}.home-nav{top:14px;left:16px;right:16px}.home-nav .brand{grid-area:1/1;width:132px;transform:none}.home-nav .works-tabs{grid-area:2/1;grid-template-columns:repeat(4,minmax(0,1fr));font-size:13px}.home-nav .join-nav-spacer{display:none}.works-hero{margin-top:36px}.works-title-line{flex-direction:column;align-items:flex-start;gap:2px}.works-title-line h1{font-size:42px}.works-title-line img{width:165px;margin-bottom:0}.upload-hero{margin-top:36px}.upload-title-line{flex-direction:column;align-items:flex-start;gap:0}.upload-title-line h1{font-size:42px}.upload-title-line img{width:min(330px,84vw);margin-bottom:0}.works-hero p{overflow-wrap:anywhere;max-width:100%;margin-left:0;font-size:17px}.upload-hero p{margin-left:0;font-size:17px}.works-content{margin-top:28px}.upload-layout{gap:22px;margin-top:28px}.upload-form-section{grid-template-columns:1fr;gap:14px;padding:18px 16px}.upload-dropzone{grid-template-columns:1fr}.upload-field,.upload-category-row{grid-template-columns:1fr;gap:8px}.upload-field small{grid-column:1}.upload-sidebar{grid-template-columns:1fr}.works-filters{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.works-filters button{flex:none;min-width:104px;height:42px;padding:0 18px;font-size:15px}.featured-work{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:16px;height:204px;padding:7px 58px 7px 7px}.featured-work__visual .work-preview,.featured-work__visual iframe{height:190px}.featured-work__label{min-width:106px;padding:7px 13px;font-size:13px;top:14px;left:14px}.featured-work__actions{align-self:auto;padding-bottom:0}.works-grid{grid-template-columns:1fr}.vibeview-preview{padding:10px}.vibeview-preview__panel{border-radius:22px;grid-template-rows:auto minmax(260px,1fr) auto;max-height:calc(100vh - 20px)}.vibeview-preview__header,.vibeview-preview__actions{flex-direction:column;align-items:flex-start;padding:14px}.vibeview-preview__close{position:absolute;top:12px;right:12px}.vibeview-preview__header div{padding-right:52px}.vibeview-preview__stage{padding:10px}.vibeview-preview__viewport,.vibeview-preview__fallback{border-radius:16px;min-height:360px}.vibeview-preview__actions a{width:100%}.works-upload-footer{grid-template-columns:minmax(0,1fr) auto}.works-upload-footer__icon{display:none}.side-panel{padding:20px 16px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.tutorial-page{background-size:724px;min-height:auto}.tutorial-nav{grid-template-columns:1fr;gap:10px;padding:15px 18px 0}.tutorial-brand img{width:112px}.tutorial-tabs{justify-content:flex-start;gap:12px;padding-bottom:4px;overflow-x:auto}.tutorial-actions{justify-content:flex-start}.tutorial-hero{min-height:390px;padding:34px 22px 0}.tutorial-hero-copy,.tutorial-pills{width:100%}.tutorial-laptop{display:none}.tutorial-roadmap,.tutorial-lesson-card,.tutorial-update-note{width:calc(100% - 28px)}.tutorial-roadmap-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 6px}.tutorial-roadmap-list a+a:before{display:none}.tutorial-lesson-card{min-height:auto}.tutorial-lesson-title{align-items:flex-start;height:auto}.tutorial-lesson-body{grid-template-columns:1fr}.tutorial-video-scene{height:190px}.tutorial-focus-row{border-radius:18px;grid-template-columns:1fr;gap:0;height:auto}.tutorial-focus-row strong,.tutorial-focus-row span{min-height:34px}.tutorial-focus-row strong{border-bottom:1px solid #cae2f3db;border-right:0}.tutorial-focus-row span{white-space:normal;align-items:center;padding-right:12px;display:inline-flex}}@media (width<=520px){.join-hero{height:690px}.join-nav{left:12px;right:12px}.join-tabs{transform-origin:0 0;width:108.696%;max-width:100%;height:48px;overflow:hidden;transform:scale(.92)}.join-tabs a{height:38px;padding:0 4px;font-size:14px}.join-tabs a[aria-current=page]{transform:translate(-18px)}.join-hero__media{object-position:55% center}.hero-copy h1{max-width:300px;font-size:36px}.hero-copy p{max-width:280px;font-size:18px}.hero-actions{gap:10px}.button{min-width:132px;padding:0 16px}.works-page{padding-left:10px;padding-right:10px}.works-tabs{font-size:14px}.upload-page{padding-left:10px;padding-right:10px}.works-title-line h1{font-size:38px}.works-title-line img{width:142px}.upload-title-line h1{font-size:38px}.upload-title-line img{width:min(300px,88vw)}.works-hero p,.upload-hero p{font-size:15px}.upload-submit-row{flex-direction:column;gap:12px;padding:22px 16px 24px}.upload-secondary-button,.upload-primary-button{width:100%;min-width:0}.upload-select{max-width:none}.featured-work__visual .work-preview,.featured-work__visual iframe{height:172px}.featured-work{grid-template-columns:1fr;width:100%;min-width:0;height:auto;padding:7px 7px 64px}.featured-work__actions{grid-column:auto}.work-card__body{padding-bottom:14px;padding-right:14px}.work-card__image-wrap{height:148px}.work-card__vip{margin-right:0}.island-card--compact,.island-card--plain{grid-template-columns:1fr 96px}.island-card--compact .card-number{position:absolute;top:12px;left:12px}.island-card--compact .card-copy{padding-left:42px}.island-card--plain .card-copy{padding-left:0}.price-block{grid-template-columns:1fr;justify-items:center}.price-block strong{grid-row:auto}.tutorial-hero h1{font-size:29px}.tutorial-hero p{font-size:13px}.tutorial-roadmap{padding-left:14px;padding-right:14px}.tutorial-roadmap h2{font-size:21px}.tutorial-lesson-title h2{font-size:18px}.tutorial-resource-cards{grid-template-columns:1fr}.tutorial-resource-cards article{text-align:left;grid-template-columns:34px 1fr;justify-items:start;min-height:46px}.tutorial-resource-cards span{max-width:none}.tutorial-update-note{text-align:center;border-radius:18px;flex-direction:column;gap:6px;padding:10px 12px}}.join-hero{height:clamp(390px,48vw,800px)}.join-hero__media{object-position:center top;height:calc(100% + 44px);top:-28px}.join-hero:after{background:linear-gradient(90deg,#ffffff5c 0%,#ffffff1f 38%,#0000 64%),linear-gradient(#ffffff0a 0%,#0000 68%,#f8fbf2b8 100%)}.hero-copy{width:min(780px,58vw);top:clamp(82px,9.6vw,146px);left:clamp(42px,7vw,112px)}.hero-copy h1{letter-spacing:0;font-size:clamp(52px,4.2vw,60px);font-weight:700;line-height:1.1}.hero-copy p{font-family:var(--font-ui);letter-spacing:0;margin-top:14px;font-size:clamp(20px,1.55vw,22px);font-weight:400;line-height:1.6}.hero-actions{margin-top:22px}.poster-page{background:linear-gradient(180deg, #ffffffd6, #f8fbf2db), url(/assets/join/join-page-bg.png) center top / cover no-repeat, var(--island-cream);width:100%;margin:-20px 0 0;padding:22px clamp(36px,4.8vw,96px) 0}.poster-page:before{height:36px;top:-22px}.island-section{padding:28px 0 48px}.consensus-section{padding-top:10px}.section-title{gap:14px;margin-bottom:24px}.section-title h2{color:var(--island-title-deep);letter-spacing:.08em;font-size:clamp(34px,2.6vw,40px);font-weight:700;line-height:1.2}.section-title span{flex-basis:76px;width:76px}.card-grid{gap:22px}.island-card{border-color:var(--island-card-border);background:var(--island-card-bg-strong);box-shadow:0 16px 36px var(--island-shadow)}.island-card h3{color:var(--island-title-deep)}.island-card p{color:var(--island-text);letter-spacing:.03em;font-size:15px;font-weight:400;line-height:1.7}.consensus-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.consensus-grid>.island-card{grid-column:span 2}.consensus-grid>.island-card:nth-child(4):nth-last-child(2){grid-column:2/span 2}.consensus-grid>.island-card:nth-child(5):last-child{grid-column:4/span 2}.consensus-grid .island-card{border-radius:24px;grid-template-rows:auto auto minmax(112px,1fr);align-content:stretch;min-height:292px;padding:24px 26px 20px}.consensus-grid .card-number{margin-bottom:2px}.consensus-grid .card-copy{gap:10px}.consensus-grid .island-card h3{letter-spacing:.05em;font-size:clamp(20px,1.25vw,22px);font-weight:600;line-height:1.35}.consensus-grid .island-card p{font-size:15px}.consensus-grid .island-card img{align-self:end;width:min(132px,82%);height:118px;margin-top:8px}.stuck-section{padding-top:20px}.stuck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stuck-grid .island-card--compact{border-radius:22px;min-height:184px;padding:24px clamp(154px,12vw,208px) 24px 66px;display:block}.stuck-grid .card-number{width:28px;min-width:28px;height:28px;padding:0;font-size:14px;position:absolute;top:24px;left:22px}.stuck-grid .island-card h3{letter-spacing:.05em;font-size:clamp(20px,1.25vw,22px);font-weight:600;line-height:1.35}.stuck-grid .card-copy{gap:8px;padding-left:0}.stuck-grid .island-card p{max-width:420px;font-size:14px;line-height:1.62}.stuck-grid .island-card img{width:clamp(118px,9vw,152px);height:clamp(112px,8.4vw,144px);position:absolute;bottom:18px;right:clamp(24px,3vw,46px)}.process-section{padding-top:34px}.process-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative}.process-grid>.island-card,.process-grid>.island-card:nth-child(4):nth-last-child(2),.process-grid>.island-card:nth-child(5):last-child{grid-column:auto}.process-grid:before{content:"";z-index:0;border-top:2px dashed #6ea7c947;position:absolute;top:44px;left:8%;right:8%}.process-grid .island-card{z-index:1;border-radius:24px;grid-template-rows:auto auto 1fr;min-height:242px;padding:20px 16px 18px}.process-grid .card-number{box-shadow:0 0 0 7px #f8fbf2e6,0 8px 18px #2f67991a}.process-grid .island-card h3{letter-spacing:.05em;font-size:20px;font-weight:600;line-height:1.35}.process-grid .island-card p{font-size:15px;line-height:1.7}.process-grid .island-card img{align-self:end;width:min(116px,76%);height:94px;margin-top:6px}.benefits-section{padding-top:34px}.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.benefits-grid .island-card--compact{border-radius:24px;min-height:190px;padding:22px 24px;display:block}.benefits-grid .card-number{position:absolute;top:18px;left:18px}.benefits-grid .card-copy{gap:9px;padding-top:42px;padding-right:clamp(130px,11vw,172px)}.benefits-grid .island-card h3{letter-spacing:.05em;font-size:clamp(20px,1.25vw,22px);font-weight:600;line-height:1.35}.benefits-grid .island-card p{max-width:440px;font-size:14px;line-height:1.62}.benefits-grid .island-card img{width:clamp(120px,8.8vw,152px);height:clamp(112px,8.4vw,144px);position:absolute;bottom:16px;right:clamp(22px,2.6vw,42px)}.offer-band{min-height:240px;box-shadow:0 22px 52px var(--island-shadow);border-radius:36px;grid-template-columns:auto minmax(270px,auto) minmax(180px,1fr) auto;gap:clamp(22px,2.4vw,38px);margin:48px 0 56px;padding:34px clamp(30px,4vw,48px)}.offer-scenery{background:linear-gradient(90deg,#ffffff6b 0%,#ffffffb8 46%,#ffffff47 100%),url(/assets/join/offer-bg.png) 50%/cover no-repeat}.offer-badge{color:#c7809c;padding:8px 16px;font-size:14px;font-weight:500;transform:rotate(-7deg)}.price-block strong{font-size:clamp(76px,6.2vw,84px)}.price-block span{letter-spacing:.03em;font-size:20px;font-weight:600}.offer-band p{letter-spacing:.06em;max-width:7.6em;font-size:clamp(28px,2.2vw,34px);font-weight:700;line-height:1.2}.offer-band .button--rose{min-width:212px;font-size:15px}.audience-section{padding-top:32px}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.audience-grid>.island-card,.audience-grid>.island-card:nth-child(4):nth-last-child(2),.audience-grid>.island-card:nth-child(5):last-child{grid-column:auto}.audience-grid .island-card--compact{border-radius:24px;grid-template-columns:minmax(0,1fr) clamp(126px,9vw,154px);min-height:182px;padding:24px}.audience-grid .island-card--plain{grid-template-columns:minmax(0,1fr) clamp(126px,9vw,154px)}.audience-grid>.island-card:nth-child(5):last-child{grid-column:1/-1}.audience-grid>.island-card:nth-child(5):last-child .card-copy{max-width:620px}.audience-grid .island-card h3{letter-spacing:.05em;font-size:21px;font-weight:600;line-height:1.35}.audience-grid .island-card p{font-size:14px;line-height:1.62}.audience-grid .island-card img{place-self:end center;width:clamp(122px,8.8vw,152px);height:clamp(116px,8.2vw,142px)}.outcome-section{padding-top:26px}.outcome-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.outcome-grid .island-card--compact,.outcome-grid .island-card--plain{text-align:center;border-radius:24px;grid-template-columns:1fr;align-content:space-between;justify-items:center;min-height:268px;padding:22px 18px 18px}.outcome-grid .island-card h3{letter-spacing:.05em;font-size:20px;font-weight:600;line-height:1.35}.outcome-grid .island-card p{font-size:14px;line-height:1.62}.outcome-grid .island-card img{justify-self:center;width:clamp(148px,10vw,188px);height:clamp(136px,9.4vw,176px);margin-inline:auto}.final-line{gap:14px;padding:58px 18px 68px}.final-line span,.final-line strong{letter-spacing:.06em;font-size:clamp(28px,2.5vw,34px);font-weight:700}.final-line strong{max-width:880px}.final-line .button{margin-top:12px}@media (width<=1180px){.poster-page{width:100%;padding-left:clamp(24px,3.8vw,54px);padding-right:clamp(24px,3.8vw,54px)}.consensus-grid,.process-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.consensus-grid>.island-card,.process-grid>.island-card{grid-column:span 2}.consensus-grid>.island-card:nth-child(4):nth-last-child(2),.process-grid>.island-card:nth-child(4):nth-last-child(2){grid-column:2/span 2}.consensus-grid>.island-card:nth-child(5):last-child,.process-grid>.island-card:nth-child(5):last-child{grid-column:4/span 2}.stuck-grid,.benefits-grid,.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid:before{display:none}.offer-band{grid-template-columns:minmax(0,1fr) auto}}@media (width<=820px){.join-hero{height:610px}.join-hero__media{object-position:60% top;height:calc(100% + 28px);top:-18px}.hero-copy{top:108px}.poster-page{margin-top:-16px;padding:18px 12px 0}.island-section{padding:24px 0 40px}.consensus-section{padding-top:8px}.section-title{margin-bottom:18px}.section-title span{flex-basis:48px;width:48px}.consensus-grid,.process-grid,.benefits-grid,.audience-grid{grid-template-columns:minmax(0,1fr)}.stuck-grid,.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.consensus-grid>.island-card,.process-grid>.island-card,.consensus-grid>.island-card:nth-child(4):nth-last-child(2),.process-grid>.island-card:nth-child(4):nth-last-child(2),.consensus-grid>.island-card:nth-child(5):last-child,.process-grid>.island-card:nth-child(5):last-child,.audience-grid .island-card:nth-child(5){grid-column:1/-1}.consensus-grid .island-card,.process-grid .island-card{min-height:260px}.stuck-grid .island-card--compact{grid-template-columns:auto minmax(0,1fr)}.stuck-grid .island-card img,.benefits-grid .island-card img,.audience-grid .island-card img{width:112px;height:106px}.benefits-grid .card-copy{padding-right:88px}.audience-grid .island-card--compact,.audience-grid .island-card--plain{grid-template-columns:minmax(0,1fr) 106px}.offer-band{text-align:center;grid-template-columns:1fr;gap:14px;min-height:300px;padding:26px 18px}.price-block{justify-self:center}}@media (width<=520px){.join-hero{height:590px}.join-hero__media{object-position:55% top}.hero-copy{top:116px}.hero-copy h1{max-width:315px;font-size:38px}.hero-copy p{max-width:290px;font-size:18px}.poster-page{margin-top:-12px;padding-left:10px;padding-right:10px}.section-title h2{font-size:30px}.section-title span{flex-basis:28px;width:28px}.consensus-grid,.stuck-grid,.process-grid,.benefits-grid,.audience-grid,.outcome-grid{grid-template-columns:minmax(0,1fr);gap:16px}.consensus-grid .island-card,.process-grid .island-card,.outcome-grid .island-card--compact,.outcome-grid .island-card--plain{min-height:auto}.stuck-grid .island-card--compact,.audience-grid .island-card--compact,.audience-grid .island-card--plain{grid-template-columns:minmax(0,1fr) 94px;min-height:164px}.benefits-grid .island-card--compact{grid-template-columns:minmax(0,1fr);min-height:196px}.benefits-grid .card-copy{padding-right:74px}.benefits-grid .island-card img{width:76px;height:74px;bottom:12px;right:14px}.outcome-grid .island-card img{width:134px;height:124px}.offer-band{border-radius:28px;margin:34px 0 42px}.price-block strong{font-size:72px}.final-line{padding:44px 12px 56px}.final-line span,.final-line strong{font-size:28px}}@media (width<=1180px){.hero-brand-panel{width:min(690px,56vw);right:32px}.hero-stats{grid-template-columns:repeat(3,minmax(90px,1fr));left:28px;right:28px}.hero-stats p{text-align:center;white-space:normal;grid-column:1/-1;margin:10px 0 0}}@media (width<=820px){.join-hero{min-height:720px}.join-hero__media{object-position:50% top}.hero-brand-panel{align-items:flex-end;gap:28px;width:auto;top:24px;left:18px;right:18px}.hero-brand{width:136px}.hero-brand-panel .hero-copy{width:min(520px,84vw)}.hero-brand-panel .hero-copy h1{white-space:normal;font-size:40px}.hero-brand-panel .hero-copy p{font-size:18px}.hero-actions{grid-template-columns:repeat(2,minmax(136px,170px));gap:14px;margin-top:24px}.hero-entry-card{border-radius:24px;min-height:156px;padding:17px 17px 16px}.hero-entry-card img{width:74px;height:64px}.hero-entry-card span{font-size:19px}.hero-entry-card small{font-size:12px}.hero-stats{border-radius:24px;min-height:138px;padding:16px 12px;bottom:18px;left:14px;right:14px}.hero-stat{padding:0 10px}}@media (width<=520px){.join-hero{min-height:760px}.hero-brand-panel{text-align:center;align-items:center}.hero-brand-panel .hero-copy{width:100%}.hero-brand-panel .hero-copy h1{font-size:34px}.hero-brand-panel .hero-copy p{font-size:16px}.hero-actions{grid-template-columns:repeat(2,minmax(128px,1fr));justify-content:center;gap:10px}.hero-entry-card{border-radius:22px;min-height:158px;padding:14px 14px 13px}.hero-entry-card img{width:58px;height:52px}.hero-entry-card span{font-size:17px}.hero-entry-card small{font-size:11px}.hero-entry-card i{width:30px;height:30px;margin-top:10px}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-stat{padding:0 6px}.hero-stat strong{font-size:28px}.hero-stat span,.hero-stat small{font-size:11px}.hero-stats p{font-size:13px}}.payment-page{background:linear-gradient(180deg, #dff5ff61, #f8fbf2e0 62%, #dff5ff94), url(/assets/%E8%83%8C%E6%99%AF%E5%9B%BE%204-9fBoRpgh.png) center top / min(1520px, 100vw) auto repeat-y, var(--island-mist-blue);min-height:100vh;padding:10px clamp(18px,4vw,72px) 18px;overflow:hidden}.payment-hero{align-items:start;max-width:1120px;min-height:164px;margin:0 auto;padding:4px 0 12px;display:grid;position:relative}.payment-logo{z-index:2;width:clamp(98px,8.8vw,132px);position:relative}.payment-logo img{filter:drop-shadow(0 8px 18px #2f5f8624);width:100%;height:auto;display:block}.payment-back{z-index:2;color:#1f62c9;-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:#ffffffad;border:1px solid #ffffffdb;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:10px;right:0;box-shadow:0 14px 34px #2f67991f}.payment-hero-copy{text-align:center;text-shadow:0 6px 22px #ffffffeb;justify-self:center;margin-top:clamp(4px,1vw,14px)}.payment-hero-copy h1{color:#1f55b4;font-family:var(--font-brand);letter-spacing:0;margin:0 0 5px;font-size:clamp(32px,3.2vw,46px);font-weight:900;line-height:1.08}.payment-hero-copy p{color:#275f9d;margin:0;font-size:clamp(15px,1.25vw,18px);font-weight:700;line-height:1.45}.payment-shell{-webkit-backdrop-filter:blur(20px)saturate(1.08);backdrop-filter:blur(20px)saturate(1.08);background:#ffffffa8;border:1px solid #ffffffe0;border-radius:30px;grid-template-columns:minmax(500px,1.08fr) minmax(360px,.92fr);max-width:1320px;margin:0 auto 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #2f679929}.payment-plan{background:linear-gradient(#ffffffb8,#dff5ff47),radial-gradient(circle at 16% 12%,#fff2c861,#0000 30%);border-right:1px solid #6ea7c938;padding:22px 28px 24px;position:relative}.payment-plan__title,.payment-checkout__heading{color:#1f62c9;text-align:center;justify-content:center;align-items:center;gap:12px;display:flex}.payment-plan__title h2,.payment-checkout__heading h2{font-family:var(--font-brand);letter-spacing:0;margin:0;font-size:clamp(20px,1.55vw,24px);font-weight:900}.payment-plan__title span,.payment-checkout__heading span{color:#f2a47f;font-size:15px}.payment-price{color:#1f62c9;justify-items:center;gap:4px;margin:10px auto 16px;display:grid;position:relative}.payment-price__main{justify-items:center;display:inline-grid;position:relative}.payment-offer-tag{color:#a36c30;background:linear-gradient(#fff4d9fa,#f6c487c2);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:800;position:absolute;top:2px;right:-74px}.payment-price strong{font-family:var(--font-english-serif);font-size:clamp(58px,5.2vw,78px);font-weight:900;line-height:.9}.payment-price__unit{font-size:15px;font-weight:800}.payment-price small{color:#7d9aaf;background:#ffffff85;border:1px solid #6ea7c929;border-radius:999px;align-items:center;gap:7px;margin-top:2px;padding:4px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.payment-price small span{color:#5e7f9e}.payment-price small del{text-decoration-thickness:1.5px}.payment-benefits{background:#ffffff7a;border:1px solid #6ea7c92e;border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.payment-benefit{border-bottom:1px solid #6ea7c929;border-right:1px solid #6ea7c929;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px;min-height:62px;padding:10px 12px;display:grid}.payment-benefit:nth-child(2n){border-right:0}.payment-benefit:nth-last-child(-n+2){border-bottom:0}.payment-benefit:last-child{border-bottom:0;border-right:0;grid-column:1/-1}.payment-benefit img{object-fit:contain;filter:drop-shadow(0 8px 12px #2f67991a);width:36px;height:36px}.payment-benefit h3{color:#1f55b4;font-family:var(--font-brand);margin:0 0 2px;font-size:15px;font-weight:900;line-height:1.25}.payment-benefit p{color:#315f9d;margin:0;font-size:12px;font-weight:650;line-height:1.35}.payment-slogan{color:#1f62c9;font-family:var(--font-brand);text-align:center;margin:10px 0 0;font-size:clamp(18px,1.55vw,22px);font-weight:900;line-height:1.4}.payment-checkout{background:radial-gradient(circle at 86% 88%,#dff5ff8c,#0000 34%),#ffffff80;padding:22px 24px 24px;position:relative}.payment-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.payment-method-tab{color:#1f62c9;cursor:pointer;background:#ffffffb8;border:1px solid #6ea7c933;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:38px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:800;transition:transform .18s,background-color .18s,box-shadow .18s;display:flex;box-shadow:0 12px 28px #2f67991a}.payment-method-tab:hover{transform:translateY(-2px)}.payment-method-tab[aria-pressed=true]{color:#fff;background:linear-gradient(#5aa6ff,#2367db);border-color:#1f62c95c;box-shadow:0 16px 34px #2367db38}.payment-method-tab img{object-fit:contain;width:24px;height:24px}.payment-method-panel{justify-items:center;gap:8px;margin-top:10px;display:grid}.payment-qr-card{background:#ffffffd1;border:1px solid #6ea7c933;border-radius:28px;place-items:center;width:min(100%,284px);min-height:244px;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #ffffffa3,0 16px 38px #2f67991a}.payment-qr{aspect-ratio:1;object-fit:contain;border-radius:18px;width:min(100%,204px);display:block}.payment-method-panel p{color:#315f9d;text-align:center;margin:0;font-size:13px;font-weight:700;line-height:1.6}.payment-action{justify-items:center;gap:8px;margin-top:10px;display:grid}.payment-action p{color:#1f62c9;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:800;display:inline-flex}.payment-action p img{object-fit:contain;width:20px;height:20px}.payment-done{color:#fff;cursor:pointer;background:linear-gradient(#5aa6ff,#2367db);border:0;justify-content:center;min-width:min(300px,100%);height:46px;font-family:inherit;font-size:16px;font-weight:800;box-shadow:0 18px 38px #2367db47}.payment-wechat-confirm{background:#ffffffc2;border:1px solid #6ea7c938;border-radius:24px;justify-items:center;gap:6px;width:min(100%,318px);padding:22px 16px 18px;display:grid;box-shadow:0 16px 34px #2f67991f}.payment-wechat-confirm p{color:#2f6799;text-align:center;margin:0;font-size:13px;font-weight:800;line-height:1.55;display:block}.payment-wechat-confirm img{object-fit:contain;border-radius:18px;width:min(100%,188px);height:auto;display:block}.payment-assurances{-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#ffffff94;border:1px solid #ffffffdb;border-radius:28px;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,34px);max-width:1320px;margin:0 auto 24px;padding:16px clamp(22px,3vw,36px);display:grid;box-shadow:0 18px 44px #2f67991a}.payment-assurances article{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-height:58px;display:grid}.payment-assurances img{object-fit:contain;filter:drop-shadow(0 8px 12px #2f67991f);width:40px;height:40px}.payment-assurances h2{color:#1f55b4;font-family:var(--font-brand);margin:0 0 2px;font-size:15px;font-weight:900;line-height:1.25}.payment-assurances p{color:#5a7fa5;margin:0;font-size:12px;font-weight:700;line-height:1.45}.payment-faq{-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:radial-gradient(circle at 0 100%,#dff5ff9e,#0000 26%),radial-gradient(circle at 100% 0,#dff5ff57,#0000 30%),#ffffff94;border:1px solid #ffffffd6;border-radius:32px;max-width:1320px;margin:0 auto 26px;padding:30px clamp(24px,3.2vw,46px) 36px;box-shadow:0 24px 58px #2f67991f}.payment-faq__title{color:#1f62c9;text-align:center;grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:8px 13px;margin-bottom:24px;display:grid}.payment-faq__title h2{font-family:var(--font-brand);letter-spacing:0;margin:0;font-size:clamp(26px,2.3vw,34px);font-weight:900;line-height:1.15}.payment-faq__title span{color:#f2a47f;font-size:15px}.payment-faq__title p{color:#7a8fa8;grid-column:1/-1;margin:0;font-size:14px;font-weight:700;line-height:1.6}.payment-faq__layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;gap:clamp(24px,3vw,38px);display:grid}.payment-faq__note{text-align:center;background:linear-gradient(#fffc,#ffffff85),radial-gradient(circle at 50% 100%,#dff5ff9e,#0000 42%);border:1px solid #6ea7c933;border-radius:30px;min-height:430px;padding:34px 32px 30px;box-shadow:0 22px 50px #2f67991c}.payment-faq__note img{object-fit:contain;filter:drop-shadow(0 12px 18px #2f67991f);width:74px;height:74px;margin:0 auto 22px;display:block}.payment-faq__note h2{color:#2f6799;font-family:var(--font-brand);letter-spacing:0;margin:0 0 28px;font-size:clamp(24px,2vw,30px);font-weight:900;line-height:1.25}.payment-faq__note p{color:#486b88;text-align:left;margin:0 0 10px;font-size:15px;font-weight:650;line-height:1.8}.payment-faq__note-link{color:#fff;background:linear-gradient(#6ea7c9,#2f6799);border:1px solid #ffffffdb;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:26px;padding:0 18px;font-size:15px;font-weight:850;display:inline-flex;box-shadow:0 16px 32px #2f67993d}.payment-faq__wechat{background:#ffffffa3;border:1px solid #6ea7c92e;border-radius:24px;justify-items:center;gap:9px;margin-top:18px;padding:16px 14px 18px;display:grid}.payment-faq__wechat img{object-fit:contain;border-radius:18px;width:min(100%,198px);height:auto;display:block}.payment-faq__wechat span{color:#5e7f9e;font-size:13px;font-weight:750;line-height:1.4}.payment-faq__list{gap:13px;display:grid}.payment-faq__item{background:#ffffffad;border:1px solid #6ea7c924;border-radius:22px;grid-template-columns:46px minmax(0,1fr);gap:16px;min-height:66px;padding:13px 18px 13px 16px;display:grid;box-shadow:0 14px 34px #2f679914}.payment-faq__number{color:#6b7280;width:38px;height:38px;font-family:var(--font-english-serif);background:#dff5ffd1;border-radius:999px;justify-content:center;align-items:center;margin-top:2px;font-size:18px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffffc7}.payment-faq__item h3{color:#2f5f86;font-family:var(--font-brand);letter-spacing:0;margin:0;font-size:18px;font-weight:900;line-height:1.35}.payment-faq__trigger{width:100%;min-height:40px;color:inherit;font:inherit;line-height:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:0;display:flex}.payment-faq__trigger:hover{color:#1f62c9}.payment-faq__trigger:focus-visible{outline-offset:6px;border-radius:14px;outline:2px solid #1f62c96b}.payment-faq__toggle{color:#3f86b8;width:30px;height:30px;font-family:var(--font-english-serif);background:#dff5ffc7;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:22px;font-weight:900;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffffc2}.payment-faq__answer{background:linear-gradient(#eff9ffcc,#ffffff8a);border-radius:18px;margin-top:8px;padding:17px 22px 18px;animation:.18s ease-out faq-answer-pop}.payment-faq__answer p{color:#496c8c;margin:7px 0 0;font-size:14px;font-weight:650;line-height:1.75}.payment-faq__answer p:first-child{margin-top:0}@keyframes faq-answer-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.payment-shell{grid-template-columns:minmax(0,1fr)}.payment-plan{border-bottom:1px solid #6ea7c938;border-right:0}.payment-assurances{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-faq__layout{grid-template-columns:minmax(0,1fr)}.payment-faq__note{min-height:auto}}@media (width<=680px){.payment-page{padding-left:14px;padding-right:14px}.payment-hero{min-height:260px}.payment-back{justify-self:end;margin-top:14px;position:static}.payment-hero-copy h1{font-size:38px}.payment-methods,.payment-assurances{grid-template-columns:minmax(0,1fr)}.payment-price__main{padding-right:0}.payment-offer-tag{order:-1;margin-bottom:4px;position:static}.payment-price{justify-items:center}.payment-faq{border-radius:24px;padding:24px 16px 28px}.payment-faq__item{grid-template-columns:minmax(0,1fr);gap:10px}}.home-shell{background:linear-gradient(180deg, #eef8fc38, #f8fbf2d6 46%, #fffdf7e6), url(/assets/home/home-page-bg.png) center top / 100% auto repeat-y, var(--island-mist-blue);min-height:100vh;padding-bottom:0}.home-reserved-section{background:linear-gradient(180deg, #f8fbf2bd, #dff5ff75), url(/assets/home/home-page-bg.png) center top / 100% auto repeat-y, var(--island-mist-blue);min-height:100vh}.writing-section{color:#3b5b7a;isolation:isolate;-webkit-user-select:none;user-select:none;background:linear-gradient(#f8fbf247,#dff5ff42),url(/assets/home/writing-section-bg.png) 50% 74%/106% no-repeat;height:100vh;min-height:680px;position:relative;overflow:hidden}.writing-section.is-reading{z-index:110}.writing-section__heading{z-index:8;text-align:center;pointer-events:none;justify-content:center;width:min(92vw,760px);display:block;position:absolute;top:clamp(42px,6.4vh,70px);left:50%;transform:translate(-50%)}.writing-section__heading h2{color:#1f62bd;font-family:var(--font-brand);letter-spacing:.16em;text-shadow:0 4px 14px #ffffffdb;margin:0;font-size:clamp(36px,3.45vw,58px);font-weight:700;line-height:1.05}.writing-section__heading p{color:#2f6799;font-family:var(--font-brand);letter-spacing:.16em;justify-content:center;align-items:center;gap:14px;margin:8px 0 0;font-size:clamp(15px,1.2vw,21px);font-weight:700;line-height:1.2;display:flex}.writing-section__heading p:before,.writing-section__heading p:after{content:"";background:linear-gradient(90deg,#0000,#2f67997a,#0000);width:clamp(50px,5vw,78px);height:1px}.writing-carousel-scene{perspective:1000px;transform-style:preserve-3d;transform-origin:50%;justify-content:center;align-items:center;transition:opacity .7s;display:flex;position:absolute;inset:0;transform:translateY(calc(clamp(28px,5vh,54px) - 20px))scale(.8)}.writing-carousel-scene.is-muted{opacity:.42}.writing-carousel{width:1px;height:1px;transform-style:preserve-3d;will-change:transform;position:absolute}.writing-card-wrapper{width:176px;height:272px;transform-style:preserve-3d;margin:-136px 0 0 -88px;transition:transform .3s;position:absolute;top:50%;left:50%}.writing-card{color:#2b4c6f;width:100%;height:100%;font:inherit;text-align:left;cursor:pointer;backface-visibility:visible;transform-style:preserve-3d;-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12);background:linear-gradient(135deg,#ffffffc7,#ffffff5c),#ffffff9e;border:1px solid #ffffff9e;border-radius:24px;padding:0;text-decoration:none;transition:box-shadow .22s,filter .22s;display:block;position:relative;overflow:hidden;box-shadow:0 20px 42px #2b4c6f29,inset 1px 1px 10px #ffffffd1,inset -1px -1px 8px #ffffff47}.writing-card-wrapper.is-holding .writing-card,.writing-card:hover,.writing-card:focus-visible{filter:brightness(1.04);box-shadow:0 24px 54px #2b4c6f33,0 0 0 4px #aed2ee3d,inset 1px 1px 12px #ffffffdb}.writing-card:focus-visible{outline-offset:5px;outline:2px solid #2f67997a}.writing-card__fog{position:absolute;inset:0}.writing-card__image{aspect-ratio:3/4;background:#dff5ffad;border-radius:15px;display:block;position:absolute;top:8px;left:8px;right:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff94,inset 0 10px 18px #ffffff29}.writing-card img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.writing-card__fog{opacity:0;pointer-events:none;background:#eef6fc}.writing-card__copy{z-index:2;-webkit-backdrop-filter:blur(18px)saturate(1.28);backdrop-filter:blur(18px)saturate(1.28);background:linear-gradient(135deg,#ffffff9e,#ffffff2e),#eff8fd57;border:1px solid #ffffff9e;border-top-color:#ffffffd6;border-radius:16px;gap:6px;padding:9px 10px 10px;display:grid;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 -4px 18px #143c6e0d,0 10px 22px #2f679914,inset 0 1px 2px #ffffffe6,inset 1px 0 2px #ffffff6b}.writing-card__copy small,.writing-card__copy strong,.writing-card__copy em{display:block}.writing-card__copy small{color:#4f91bc;max-width:100%;font-family:var(--font-ui);letter-spacing:.06em;background:linear-gradient(#eef8fcf0,#ffffffd1);border:1px solid #6ea7c942;border-radius:999px;justify-self:start;padding:3px 8px;font-size:8px;font-weight:700;line-height:1}.writing-card__copy strong{color:#1f4f78;font-family:var(--font-ui);letter-spacing:0;font-size:12px;font-weight:800;line-height:1.28}.writing-card__copy i{background:linear-gradient(90deg,#6ea7c900,#6ea7c95c,#6ea7c900);width:100%;height:1px}.writing-card__copy em{color:#6f93ad;font-family:var(--font-ui);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:9px;font-style:normal;font-weight:650;line-height:1}.writing-controls{z-index:9;pointer-events:none;justify-content:flex-end;align-items:center;padding:0 clamp(18px,4vw,52px);transition:opacity .5s;display:flex;position:absolute;inset:auto 0 clamp(26px,4vh,42px)}.writing-controls.is-hidden{opacity:0}.writing-overview-button{color:#4a7298;min-height:42px;font:inherit;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);pointer-events:auto;background:#ffffff94;border:1px solid #ffffffdb;border-radius:999px;padding:0 20px;font-size:13px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s;box-shadow:0 12px 30px #2f67991a}.writing-overview-button:hover{background:#ffffffd1;transform:translateY(-2px);box-shadow:0 14px 34px #2f67991f}.writing-article-overlay{z-index:100;overscroll-behavior:none;-webkit-overflow-scrolling:touch;color:#546b82;opacity:0;pointer-events:none;-webkit-user-select:text;user-select:text;isolation:isolate;background:#f8fbf2;transition:none;position:fixed;inset:0;overflow:hidden auto;transform:translateY(100%)}.writing-article-overlay:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#dff5ff0a,#f8fbf21f),url(/assets/home/writing-reader-bg.png) 50%/cover no-repeat;position:fixed;inset:0}.writing-article-overlay:after{content:"";z-index:1;pointer-events:none;background:#dff5ff14;position:fixed;inset:0}.writing-article-overlay.is-open{opacity:1;pointer-events:auto;transition:opacity .42s,transform .62s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.writing-reader-background-strip{z-index:0;pointer-events:none;height:1300vh;position:absolute;inset:0}.writing-reader-background-strip span{background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:var(--reader-bg);height:100vh;min-height:100vh;margin-bottom:-24vh;display:block;position:relative;transform:translateZ(0)}.writing-reader-background-strip span+span{-webkit-mask-image:linear-gradient(#0000 0,#000 24vh 100%);mask-image:linear-gradient(#0000 0,#000 24vh 100%)}.writing-reader-background-strip span:last-child{height:100vh;margin-bottom:0}.writing-article-shell{z-index:3;background:0 0;justify-content:center;min-height:100vh;padding:112px 16px 48px;display:flex;position:relative;overflow:hidden}.writing-article-reader-frame{z-index:1;width:min(100%,760px);position:relative}.writing-article-reader-frame .article-reader{width:100%}.writing-reader-nav{z-index:3;height:auto;box-shadow:none;pointer-events:none;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 clamp(18px,4vw,48px);display:flex;position:fixed;top:clamp(18px,3vw,34px);left:0;right:0}.writing-reader-nav__side{align-items:center;gap:12px;display:flex}.writing-reader-action{color:#2c4966;font:inherit;letter-spacing:.06em;pointer-events:auto;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.writing-reader-action__icon{background:#ffffff6b;border:1px solid #ffffffc7;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .18s,background .18s;display:grid}.writing-reader-nav button{cursor:pointer;padding:0}.writing-reader-action:hover .writing-reader-action__icon{background:#ffffffa8;transform:translateY(-2px)}.writing-reader-action svg{width:18px;height:18px}.writing-reader-action__label{color:#244968;letter-spacing:.1em;background:#ffffff61;border:1px solid #ffffff8c;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:700;line-height:1}.writing-article-card{z-index:1;background:linear-gradient(145deg,#ffffffd1,#f8fbf2a3),#ffffffc2;border:1px solid #ffffffdb;border-radius:48px;width:min(100%,760px);padding-bottom:48px;position:relative;overflow:hidden;box-shadow:0 18px 44px #2f679921,inset 0 1px 8px #ffffffb8}.writing-article-card__header{text-align:center;padding:76px clamp(34px,7vw,80px) 0}.writing-article-card__header h1{color:#1b314f;font-family:var(--font-brand);letter-spacing:.05em;margin:0;font-size:clamp(34px,4.4vw,42px);font-weight:800;line-height:1.2}.writing-article-card__header>p{color:#63798e;letter-spacing:.18em;margin:22px 0 0;font-size:clamp(14px,1.4vw,16px);font-weight:400;line-height:1.55}.writing-article-meta{color:#899db0;flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;margin-top:28px;font-size:12px;line-height:1;display:flex}.writing-article-meta>span,.writing-article-meta time{align-items:center;gap:7px;display:inline-flex}.writing-article-meta i{background:#cbd6e2;width:1px;height:12px}.writing-article-meta img{object-fit:cover;border:1px solid #e0e8f0;border-radius:50%;width:24px;height:24px}.writing-article-meta svg{width:14px;height:14px}.writing-article-body{color:#546b82;margin-top:54px;padding:0 clamp(32px,7vw,80px);font-size:15px;font-weight:400;line-height:1.68}.writing-article-body p{text-indent:0;margin:0 0 14px}.writing-article-body section{margin-top:26px}.writing-article-body section h2{color:#1b314f;font-family:var(--font-brand);letter-spacing:.04em;align-items:center;gap:12px;margin:0 0 20px;font-size:19px;font-weight:800;line-height:1.4;display:flex}.writing-article-body aside{color:#44607d;background:#ffffffa3;border:1px solid #ffffffbd;border-radius:13px;margin:4px 0 16px;padding:10px 16px;line-height:1.8;display:inline-block;box-shadow:inset 0 1px 3px #ffffff47}.writing-article-body blockquote{background:linear-gradient(135deg,#ffffffb8,#dff5ff85),#ffffff80;border:1px solid #fffc;border-radius:24px;margin:28px 0;padding:28px;position:relative;overflow:hidden}.writing-article-body blockquote svg{color:#b3cbe0;opacity:.62;width:44px;height:44px;position:absolute;top:18px;left:20px}.writing-article-body blockquote p{z-index:1;color:#2a4563;font-family:var(--font-brand);letter-spacing:.08em;text-align:center;text-indent:0;margin:0;font-size:18px;font-weight:800;line-height:1.6;position:relative}.writing-article-divider{color:#8baecf;opacity:.7;justify-content:center;align-items:center;gap:0;margin:26px 0 6px;display:flex}.writing-article-divider span{background:linear-gradient(90deg,#0000,#b7c9d9);width:min(30%,180px);height:1px}.writing-article-divider span:last-child{background:linear-gradient(90deg,#b7c9d9,#0000)}.writing-article-actions{background:#ffffffad;border:1px solid #ffffffb8;border-radius:999px;justify-content:space-between;align-items:stretch;margin:34px clamp(32px,7vw,80px) 42px;display:flex;overflow:hidden;box-shadow:0 10px 24px #2f679912,inset 0 1px 2px #ffffffb3}.writing-article-actions button{color:#7189a0;min-width:0;font:inherit;cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff9e;flex:1 1 0;place-items:center;gap:5px;padding:13px 8px;font-size:12px;font-weight:800;transition:color .18s;display:grid}.writing-article-actions button:last-child{border-right:0}.writing-article-actions button:hover{color:#3b5b7a}.writing-article-actions svg{width:20px;height:20px}.writing-article-actions span,.writing-article-actions small{display:block}.writing-article-actions small{margin-top:2px;font-size:10px;font-weight:400}.writing-comments{padding:0 clamp(32px,7vw,80px)}.writing-comments>h2{color:#2a4563;font-family:var(--font-brand);margin:0 0 18px;font-size:18px;font-weight:800}.writing-comment-input{background:#ffffffa3;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:4px;margin-bottom:34px;padding:6px 6px 6px 20px;display:flex}.writing-comment-input input{color:#4a6076;min-width:0;font:inherit;background:0 0;border:0;outline:none;flex:auto;font-size:14px}.writing-comment-input input::placeholder{color:#8ca1b5}.writing-comment-input button{font:inherit;cursor:pointer;border:0;border-radius:999px;flex:none}.writing-comment-input button:first-of-type{color:#8ca1b5;background:0 0;place-items:center;width:36px;height:36px;display:grid}.writing-comment-input button:first-of-type:hover{background:#ffffff7a}.writing-comment-input button:last-of-type{color:#fff;background:#547392;min-height:36px;padding:0 22px;font-size:14px;font-weight:700}.writing-comment-input svg{width:20px;height:20px}.writing-comment-list{gap:24px;display:grid}.writing-comment{grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.writing-comment__avatar{border:2px solid #ffffffd1;border-radius:50%;width:36px;height:36px;box-shadow:0 8px 18px #2f67991f}.writing-comment h3{color:#3b5b7a;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 5px;font-size:14px;font-weight:800;display:flex}.writing-comment time{color:#9cb0c2;font-size:12px;font-weight:400}.writing-comment p{color:#597087;margin:0;font-size:14px;line-height:1.7}.writing-comment>button{color:#9cb0c2;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;display:inline-flex}.writing-comment>button:hover{color:#547392}.writing-comment>button svg{width:16px;height:16px}.writing-comments__more{color:#6d88a3;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;margin-top:34px;font-size:14px;display:inline-flex}.writing-comments__more:hover{color:#3b5b7a}.writing-comments__more svg{width:16px;height:16px}@media (width<=980px){.writing-card-wrapper{width:140px;height:210px;margin:-105px 0 0 -70px}.writing-controls{grid-template-columns:1fr;justify-items:center;gap:14px}.writing-overview-button,.writing-controls p{grid-column:1}.writing-overview-button{justify-self:center}}@media (width<=640px){.writing-section{min-height:720px}.writing-section__heading{top:44px}.writing-section__heading h2{font-size:36px}.writing-card-wrapper{width:116px;height:174px;margin:-87px 0 0 -58px}.writing-card__copy strong{font-size:12px}.writing-reader-action__icon{width:38px;height:38px}.writing-reader-action__label{font-size:11px}.writing-article-shell{padding:96px 10px 34px}.writing-article-card{border-radius:30px}.writing-article-card__header{padding:54px 24px 0}.writing-article-card__header h1{font-size:30px}.writing-article-card__header>p{letter-spacing:.08em}.writing-article-meta{gap:9px}.writing-article-meta i{display:none}.writing-article-body,.writing-comments{padding-left:24px;padding-right:24px}.writing-article-body{font-size:14px;line-height:1.65}.writing-article-body section h2{align-items:flex-start;font-size:17px}.writing-article-body aside{margin-left:0;margin-right:0;display:block}.writing-article-body blockquote{padding:34px 20px}.writing-article-body blockquote p{font-size:16px}.writing-article-actions{border-radius:24px;margin-left:24px;margin-right:24px}.writing-comment-input{border-radius:22px;grid-template-columns:minmax(0,1fr) auto;display:grid}.writing-comment-input button:last-of-type{grid-column:1/-1;width:100%}.writing-comment{grid-template-columns:34px minmax(0,1fr)}.writing-comment>button{grid-column:2;justify-self:start}}.skill-tree-section{background:var(--bookcase-page-bg);flex-direction:column;justify-content:center;align-items:center;height:100vh;min-height:100vh;padding:clamp(18px,3vh,34px) clamp(18px,3.4vw,56px);display:flex;overflow:hidden}.skill-tree__stage{aspect-ratio:1769/889;border-radius:clamp(18px,2vw,30px);width:min(84vw,1486px,199vh - 338.3px);position:relative;overflow:hidden;box-shadow:0 24px 58px #2f67991f}.skill-tree__background{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.skill-tree__items{z-index:2;pointer-events:none;position:absolute;inset:0}.skill-tree__position-tools{z-index:5;pointer-events:auto;gap:8px;display:flex;position:absolute;top:clamp(14px,1.4vw,22px);right:clamp(14px,1.4vw,22px)}.skill-tree__position-tools button{min-height:34px;color:var(--island-title);font-family:var(--font-ui);letter-spacing:0;cursor:pointer;background:#ffffffc2;border:1px solid #ffffffd1;border-radius:999px;padding:0 14px;font-size:13px;font-weight:800;box-shadow:0 10px 24px #2f679921}.skill-tree__stage.is-editing .skill-tree__items{pointer-events:auto}.skill-tree__stage.is-editing .skill-tree__text-box{outline-offset:3px;cursor:move;pointer-events:auto;-webkit-user-select:none;user-select:none;outline:1px dashed #2f6799b8;padding:2px 4px}.skill-tree__item{color:var(--skill-tone);font-family:var(--font-ui);position:static}.skill-tree__text-box{top:var(--skill-y);left:var(--skill-x);pointer-events:none;text-shadow:0 1px #ffffffe6,0 2px 8px #ffffffdb;position:absolute;transform:translate(-50%)}.skill-tree__item h3{color:var(--skill-tone);font-family:var(--font-brand);letter-spacing:.08em;text-align:center;white-space:nowrap;margin:0;font-size:clamp(16px,1.22vw,24px);font-weight:800;line-height:1.08}.skill-tree__item p{color:#566f86;font-family:var(--font-ui);letter-spacing:.02em;text-align:center;white-space:nowrap;margin:clamp(3px,.32vw,6px) 0 0;font-size:clamp(8px,.58vw,12px);font-weight:800;line-height:1.25}.skill-tree__item ul{color:#526b7b;letter-spacing:.02em;margin:0;padding:0;font-size:clamp(9px,.66vw,13px);font-weight:800;line-height:1.7;list-style:none}.skill-tree__item li{white-space:nowrap;padding-left:1em;position:relative}.skill-tree__item li:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:.72em;left:0}.skill-tree__quote{color:#526b7b;letter-spacing:.02em;text-align:left;gap:clamp(4px,.34vw,6px);width:clamp(128px,10.2vw,194px);margin:0;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,system-ui,sans-serif;font-size:clamp(11px,.86vw,16px);font-weight:800;line-height:1.38;display:grid}.skill-tree__quote span{display:block}.skill-tree__header{z-index:4;text-align:center;pointer-events:none;width:min(900px,92vw);margin:0 auto clamp(12px,2vh,24px);position:relative}.skill-tree__header h2{color:#1f62bd;font-family:var(--font-brand);letter-spacing:.16em;text-shadow:0 4px 14px #ffffffdb;margin:0;font-size:clamp(36px,3.45vw,58px);font-weight:700;line-height:1.05}.skill-tree__header p{color:#2f6799;font-family:var(--font-brand);letter-spacing:.16em;justify-content:center;align-items:center;gap:14px;margin:8px 0 0;font-size:clamp(15px,1.2vw,21px);font-weight:700;line-height:1.2;display:flex}.skill-tree__header p:before,.skill-tree__header p:after{content:"";background:#2f679938;width:clamp(50px,5vw,78px);height:1px}.video-works-section{background:var(--bookcase-page-bg);flex-direction:column;justify-content:center;gap:clamp(14px,2.2vh,26px);min-height:100vh;padding:clamp(28px,3.2vw,46px) clamp(18px,4vw,70px) clamp(22px,2.8vw,34px);display:flex;position:relative;overflow:hidden}.video-works__inner{-webkit-backdrop-filter:blur(18px)saturate(1.08);background:linear-gradient(135deg,#ffffff94,#ffffff47 45%,#dff5ff42),#ffffff80;border:1px solid #ffffffdb;border-radius:clamp(18px,2vw,30px);width:min(84vw,1486px,199vh - 338.3px);max-width:100%;margin:0 auto;padding:clamp(22px,2.4vw,36px);position:relative;box-shadow:0 18px 44px #2f67991f,inset 0 1px #ffffffe6,inset 0 -1px #fff6}.video-works__heading{z-index:2;text-align:center;pointer-events:none;width:min(100%,900px);margin:0 auto;position:relative}.video-works__heading h2{color:#1f62bd;font-family:var(--font-brand);letter-spacing:.16em;text-shadow:0 4px 14px #ffffffdb;margin:0;font-size:clamp(36px,3.45vw,58px);font-weight:700;line-height:1.05}.video-works__heading p{color:#2f6799;max-width:760px;font-family:var(--font-brand);letter-spacing:.16em;justify-content:center;align-items:center;gap:14px;margin:8px auto 0;font-size:clamp(15px,1.2vw,21px);font-weight:700;line-height:1.2;display:flex}.video-works__heading p:before,.video-works__heading p:after{content:"";background:linear-gradient(90deg,#0000,#2f67997a,#0000);width:clamp(50px,5vw,78px);height:1px}.video-works__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.25vw,18px) clamp(14px,1.45vw,20px);margin-top:0;display:grid}.video-card{-webkit-backdrop-filter:blur(18px)saturate(1.12);backdrop-filter:blur(18px)saturate(1.12);background:linear-gradient(#ffffffb8,#ffffff70),#ffffff8a;border-radius:22px;transition:transform .22s,box-shadow .22s,background .22s;overflow:hidden;box-shadow:inset 0 1px #ffffffd6,0 14px 34px #2f67991c}.video-card:hover{background:linear-gradient(#ffffffb8,#ffffff7a),#ffffff8a;transform:translateY(-3px)scale(1.02);box-shadow:inset 0 1px #ffffffc7,0 22px 48px #2f679929}.video-card__thumb{aspect-ratio:3/4;background:#dff5ff;position:relative;overflow:hidden}.video-card__thumb img{object-fit:cover;width:100%;height:100%;display:block}.video-card__thumb a,.video-card__thumb button{opacity:0;cursor:pointer;-webkit-backdrop-filter:blur(12px)saturate(1.12);backdrop-filter:blur(12px)saturate(1.12);background:linear-gradient(#ffffff29,#ffffff0a),#20262e7a;border:1px solid #ffffffd1;border-radius:50%;width:clamp(43px,3.4vw,56px);height:clamp(43px,3.4vw,56px);transition:opacity .22s,transform .22s,background .22s,box-shadow .22s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:inset 0 1px #ffffff3d,0 10px 24px #20262e33}.video-card:hover .video-card__thumb a,.video-card:hover .video-card__thumb button{opacity:1;transform:translate(-50%,-50%)scale(1)}.video-card__thumb a:hover,.video-card__thumb button:hover{background:linear-gradient(#fff3,#ffffff0f),#20262e94;transform:translate(-50%,-50%)scale(1.08);box-shadow:inset 0 1px #ffffff4d,0 14px 30px #20262e3d}.video-card__thumb a span,.video-card__thumb button span{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #fff;width:0;height:0;position:absolute;top:50%;left:53%;transform:translate(-50%,-50%)}.video-card__thumb time{color:#fff;min-width:45px;font-family:var(--font-ui);background:#25282bb8;border-radius:999px;padding:3px 7px 4px;font-size:12px;font-weight:700;line-height:1;position:absolute;bottom:9px;right:10px}.video-card__body{text-align:center;min-height:70px;padding:8px 10px 10px}.video-card__body h3{color:#1f62bd;font-family:var(--font-ui);letter-spacing:.06em;margin:0;font-size:clamp(15px,1vw,17px);font-weight:700;line-height:1.25}.video-card__tags{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:7px;display:flex}.video-card__tag{color:#6b7280;min-height:22px;font-family:var(--font-ui);letter-spacing:0;-webkit-backdrop-filter:blur(12px)saturate(1.12);backdrop-filter:blur(12px)saturate(1.12);background:linear-gradient(#ffffffc2,#ffffff6b),#dff5ff6b;border:1px solid #ffffffc2;border-radius:999px;align-items:center;padding:3px 9px 4px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffffd1,0 6px 14px #2f679914}.video-works__note{color:#1f62bd;font-family:var(--font-ui);letter-spacing:.08em;text-align:center;margin:clamp(10px,1.1vw,16px) 0 0;font-size:clamp(14px,1vw,17px);font-weight:700;line-height:1.5}.video-channel-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1vw,14px);margin:clamp(12px,1.25vw,18px) auto 0;display:grid}.video-channel{color:#1f62bd;min-width:0;font:inherit;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:#ffffff94;border:1px solid #ffffffdb;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;padding:8px 12px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 12px 30px #2f67991a}.video-channel:hover{transform:translateY(-2px);box-shadow:0 14px 34px #2f67991f}.video-channel span{background:#ffffffb3;border-radius:10px;grid-row:1/3;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 1px #ffffffe6,0 8px 18px #2f67991a}.video-channel span img{object-fit:contain;width:22px;height:22px;display:block}.video-channel strong{color:#1f62bd;min-width:0;font-family:var(--font-ui);letter-spacing:.04em;font-size:clamp(14px,.94vw,16px);font-weight:700;line-height:1.1}.video-channel small{color:#386fa5;min-width:0;font-family:var(--font-ui);letter-spacing:.02em;font-size:clamp(11px,.72vw,12px);font-weight:700;line-height:1.3}@media (width<=1120px){.video-works__grid,.video-channel-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.home-reserved-section{min-height:72vh}.video-works-section{padding:38px 16px 34px}.video-works__heading h2{letter-spacing:.08em;font-size:38px;display:block}.video-works__heading h2:before,.video-works__heading h2:after{display:none}.video-works__heading p{letter-spacing:.04em;font-size:16px}.video-works__grid,.video-channel-row{grid-template-columns:1fr}}.ai-products-section{background:var(--bookcase-page-bg);isolation:isolate;min-height:100vh;padding:clamp(42px,4vw,68px) clamp(18px,4vw,76px) clamp(72px,6vw,104px);position:relative;overflow:hidden}.ai-products-section:before{content:"";z-index:0;-webkit-backdrop-filter:blur(18px)saturate(1.08);pointer-events:none;background:#ffffff80;border:1px solid #ffffffdb;border-radius:clamp(24px,3vw,38px);position:absolute;inset:clamp(18px,2.2vw,34px);box-shadow:0 18px 44px #2f67991c,inset 0 1px #ffffffe6,inset 0 -1px #ffffff6b}.ai-products__inner{z-index:1;width:min(100%,1320px);margin:0 auto;position:relative}.ai-products__heading{text-align:center;margin:0 auto clamp(30px,3.4vw,52px);display:block}.ai-products__heading h2{color:#1f62bd;font-family:var(--font-brand);letter-spacing:.16em;text-shadow:0 4px 14px #ffffffdb;margin:0;font-size:clamp(36px,3.45vw,58px);font-weight:700;line-height:1.05}.ai-products__heading p{color:#2f6799;font-family:var(--font-brand);letter-spacing:.16em;justify-content:center;align-items:center;gap:14px;margin:8px 0 0;font-size:clamp(15px,1.2vw,21px);font-weight:700;line-height:1.2;display:flex}.ai-products__heading p:before,.ai-products__heading p:after{content:"";background:linear-gradient(90deg,#0000,#2f67997a,#0000);width:clamp(50px,5vw,78px);height:1px}.ai-products__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,2.8vw,46px) clamp(20px,2vw,28px);display:grid}.ai-product-card{-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:linear-gradient(135deg,#ffffffa8,#ffffff5c 46%,#dff5ff3d),#ffffff94;border:1px solid #ffffffdb;border-radius:clamp(26px,2.5vw,34px);grid-template-rows:auto auto;gap:clamp(12px,1.1vw,16px);min-height:0;padding:clamp(18px,1.55vw,24px) clamp(18px,1.55vw,24px) clamp(46px,3.6vw,58px);transition:transform .3s,box-shadow .3s,background-color .3s;display:grid;position:relative;overflow:visible;box-shadow:0 14px 34px #2f67991c,inset 0 1px #ffffffdb}.ai-product-card:hover{background:linear-gradient(135deg,#ffffffbd,#ffffff70 46%,#dff5ff4d),#ffffffa3;transform:translateY(-8px);box-shadow:0 18px 40px #2f679924,inset 0 1px #ffffffe6}.ai-product-card__header{grid-template-columns:clamp(52px,4.4vw,62px) minmax(0,1fr) auto;align-items:start;gap:clamp(12px,1.2vw,16px);display:grid}.ai-product-icon{color:#fff;width:clamp(52px,4.4vw,62px);height:clamp(52px,4.4vw,62px);font-family:var(--font-brand);border-radius:18px;place-items:center;font-size:clamp(22px,2vw,30px);font-weight:800;display:grid;box-shadow:0 10px 20px #2f67991f}.ai-product-icon--mirror{background:linear-gradient(145deg,#d9e3ff,#7f99ec)}.ai-product-icon--todo{background:linear-gradient(145deg,#c6f5ff,#52c1e1)}.ai-product-icon--vibe{background:linear-gradient(145deg,#5b9be5,#0f5cab)}.ai-product-icon--canvas{background:linear-gradient(145deg,#ffd890,#f39a12)}.ai-product-icon--brand{background:#ffffffc7;padding:7px}.ai-product-icon--native-brand{background:0 0;border-radius:22%;padding:0;overflow:visible}.ai-product-logo{object-fit:contain;border-radius:12px;width:100%;height:100%;display:block}.ai-product-icon--native-brand .ai-product-logo{border-radius:0}.ai-product-icon--native-brand img.ai-product-logo{object-fit:cover}.ai-product-card h3{color:#1f62bd;font-family:var(--font-brand);letter-spacing:0;margin:0;font-size:clamp(20px,1.55vw,27px);font-weight:800;line-height:1.12}.ai-product-card p{color:#1f3d66;font-family:var(--font-brand);letter-spacing:0;margin:clamp(7px,.7vw,10px) 0 0;font-size:clamp(13px,.88vw,15px);font-weight:700;line-height:1.65}.ai-product-platform,.ai-product-tags span{color:#1f62bd;font-family:var(--font-brand);background:#ffffff8a;border:1px solid #5584d642;border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.ai-product-platform{color:#475569c2;min-width:auto;height:28px;font-family:var(--font-ui);white-space:nowrap;background:#f8fafcc7;padding:0 12px;font-size:12px}.ai-product-tags{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.ai-product-tags span{color:#4a7298;min-height:24px;font-family:var(--font-ui);background:linear-gradient(#ffffffc7,#ffffff70),#dff5ff6b;border-radius:999px;padding:2px 10px;font-size:12px}.ai-product-mockup{background:#ffffff8f;border:1px solid #ffffffd1;border-radius:22px;transition:transform .5s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a}.ai-product-card:hover .ai-product-mockup{transform:scale(1.015);box-shadow:inset 0 0 0 1px #0000000d,0 12px 28px #2f67991a}.ai-product-site-preview{--site-preview-scale:.46;aspect-ratio:16/9;background:#fff;min-height:0}.ai-product-site-preview__viewport{position:absolute;inset:0;overflow:hidden}.ai-product-site-preview iframe{width:1280px;height:720px;transform:translateX(-50%) scale(var(--site-preview-scale));transform-origin:top;background:#fff;border:0;display:block;position:absolute;top:0;left:50%}.ai-product-mockup--chat{aspect-ratio:16/9;grid-template-columns:24% minmax(0,1fr);padding-top:22px;display:grid}.mock-window-dots{gap:7px;display:flex;position:absolute;top:14px;left:16px}.mock-window-dots span{border-radius:50%;width:8px;height:8px}.mock-window-dots span:first-child{background:#f06355}.mock-window-dots span:nth-child(2){background:#f1c34a}.mock-window-dots span:nth-child(3){background:#60c979}.ai-product-mockup--chat aside{border-right:1px solid #cae2f3b8;align-content:start;gap:13px;padding:42px 14px 14px;display:grid}.ai-product-mockup--chat aside span{background:#dceef7a8;border-radius:999px;height:20px}.ai-product-mockup--chat main{padding:42px clamp(14px,1.5vw,26px) 14px}.ai-product-mockup strong{color:var(--island-text-deep);font-family:var(--font-brand);font-size:clamp(14px,.9vw,16px);line-height:1.5;display:block}.ai-product-mockup p{margin-top:6px;font-size:13px;line-height:1.6}.mock-bubble{width:min(280px,78%);color:var(--island-text-deep);background:#ffffffb8;border-radius:15px;margin-top:12px;padding:10px 14px;font-size:13px;line-height:1.6;box-shadow:0 10px 22px #2f679914}.mock-bubble--right{color:#1f62bd;background:#dceef7d6;margin-left:auto}.mock-input{color:#2f67998f;background:#ffffffb8;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;height:42px;margin-top:15px;padding:0 13px 0 16px;display:flex}.mock-input i{color:#1f62bd;font-style:normal}.ai-product-mockup--todo{aspect-ratio:16/9;background:linear-gradient(#dff5ff1a,#ffffffa8),url(/assets/works/page-bg.png) 50%/cover no-repeat;align-content:end;display:grid}.mock-island-sky{color:#1f62bd;font-family:var(--font-brand);align-items:center;padding:0 9%;font-size:clamp(15px,1.15vw,20px);font-weight:800;display:flex;position:absolute;inset:0 0 34%}.mock-task-list{z-index:1;background:#ffffffd1;border-radius:18px;gap:7px;width:84%;margin:0 auto 7%;padding:14px clamp(14px,1.5vw,22px);display:grid;position:relative}.mock-task-list span{color:var(--island-text-deep);border-top:1px solid #2f67991f;padding:6px 0;font-size:13px;display:block}.ai-product-mockup--library,.ai-product-mockup--canvas{aspect-ratio:16/9;display:grid}.ai-product-mockup--library{background:#102236;grid-template-columns:21% minmax(0,1fr)}.ai-product-mockup--library aside{background:#ffffff0a;align-content:start;gap:11px;padding:20px 14px;display:grid}.ai-product-mockup--library aside span,.ai-product-mockup--canvas aside span{background:#ffffff3d;border-radius:999px;height:14px}.ai-product-mockup--library main{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:40px 16px 18px;display:grid}.ai-product-mockup--library main i{background:linear-gradient(#ffffff2e,#ffffff0f),url(/assets/works/page-bg.png) 50%/cover no-repeat;border-radius:10px;min-height:78px}.ai-product-mockup--canvas{background:#fffdf7e0;grid-template-columns:13% minmax(0,1fr) 16%;gap:10px;padding:12px}.ai-product-mockup--canvas aside{background:#ffffff9e;border-radius:14px;align-content:start;gap:10px;padding:14px 8px;display:grid}.ai-product-mockup--canvas aside span{background:#2f67992e}.ai-product-mockup--canvas main{place-items:center;display:grid}.ai-product-mockup--canvas main div{aspect-ratio:16/9;background:linear-gradient(#ffffff29,#ffffff6b),url(/assets/works/page-bg.png) 50%/cover no-repeat;border-radius:15px;width:100%}.ai-product-cta{color:#2563eb;min-width:0;height:48px;font-family:var(--font-ui);background:#ffffffeb;border:1px solid #dbeafeeb;border-radius:999px;justify-content:center;align-items:center;gap:clamp(16px,2.4vw,38px);font-size:15px;font-weight:700;line-height:1;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex;position:absolute;bottom:0;left:clamp(42px,5vw,72px);right:clamp(42px,5vw,72px);transform:translateY(42%);box-shadow:0 10px 22px #3b82f629}.ai-product-cta:hover{color:#fff;background:#2563eb;transform:translateY(calc(42% - 2px));box-shadow:0 14px 30px #3b82f647}.ai-product-cta:disabled,.ai-product-cta:disabled:hover{cursor:default;color:#94a3b8;background:#f8fafcf5;transform:translateY(42%);box-shadow:0 8px 18px #94a3b81f}.ai-product-cta i{font-style:normal}@media (width<=1120px){.skill-tree-section{justify-content:start;min-height:auto;padding:24px 16px 30px;overflow-x:auto}.skill-tree__stage{width:980px;max-width:none}.ai-products__grid{grid-template-columns:minmax(0,1fr)}.ai-product-site-preview{--site-preview-scale:.62}.ai-product-card__header{grid-template-columns:62px minmax(0,1fr)}.ai-product-platform{grid-column:2;justify-self:start}}@media (width<=640px){.ai-products-section{padding:34px 16px}.ai-products__heading{gap:10px}.ai-products__heading h2{letter-spacing:.08em;font-size:38px}.ai-products__heading p{letter-spacing:.04em;font-size:16px}.ai-product-card{min-height:auto}.ai-product-site-preview{--site-preview-scale:.28}.ai-product-card__header,.ai-product-mockup--chat,.ai-product-mockup--library,.ai-product-mockup--canvas{grid-template-columns:minmax(0,1fr)}.ai-product-icon,.ai-product-platform{justify-self:center}.ai-product-card h3,.ai-product-card p,.ai-product-tags{text-align:center;justify-content:center}.ai-product-mockup--chat aside,.ai-product-mockup--library aside,.ai-product-mockup--canvas aside{display:none}.ai-product-cta{min-width:min(100%,280px)}}.recommended-books-section{background:var(--bookcase-page-bg);isolation:isolate;-webkit-user-select:none;user-select:none;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(500px,42%) minmax(0,58%);align-items:center;gap:clamp(4px,.9vw,12px) 0;min-height:100svh;padding:clamp(58px,5.8vw,84px) clamp(58px,5vw,86px) clamp(24px,2.4vw,38px) clamp(92px,7vw,124px);display:grid;position:relative;overflow:hidden}.recommended-books-section:before{content:"";z-index:0;-webkit-backdrop-filter:blur(18px)saturate(1.08);pointer-events:none;background:linear-gradient(135deg,#ffffff70,#e2f2fd66 46%,#ffffff47),linear-gradient(#ffffff47,#daeffc2e);border:2px solid #ffffffdb;border-radius:clamp(24px,3vw,38px);position:absolute;inset:clamp(18px,3vw,56px);box-shadow:0 28px 62px #3e739e38,inset 0 1px #ffffffeb,inset 0 -1px #ffffff85}.recommended-books-section:after{content:"";z-index:1;pointer-events:none;background:#ff6859;border-radius:50%;width:15px;height:15px;position:absolute;top:clamp(48px,4.6vw,70px);left:clamp(58px,5.3vw,88px);box-shadow:34px 0 #ffc233,68px 0 #21c765,0 2px 4px #2f679929,34px 2px 4px #2f679924,68px 2px 4px #2f679924}.book-light-halo{z-index:0;opacity:.72;pointer-events:none;background:linear-gradient(115deg,#ffffff5c,#0000 36%),linear-gradient(315deg,#96c6e738,#0000 42%);border-radius:clamp(24px,3vw,38px);position:absolute;inset:clamp(18px,2.1vw,34px)}.book-leaf-shadow{display:none}.recommended-books__heading{z-index:4;text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:clamp(8px,1vw,14px);margin:0;padding-left:0;display:flex;position:relative}.recommended-books__heading h2{color:#1f62bd;font-family:var(--font-brand);letter-spacing:.16em;text-shadow:0 4px 14px #ffffffdb;margin:0;font-size:clamp(36px,3.45vw,58px);font-weight:700;line-height:1.05}.recommended-books__tagline{align-items:center;min-width:0;padding-bottom:0;display:flex}.recommended-books__tagline p{color:#2f6799;font-family:var(--font-brand);letter-spacing:.16em;justify-content:center;align-items:center;gap:14px;margin:0;font-size:clamp(15px,1.2vw,21px);font-weight:700;line-height:1.2;display:flex}.recommended-books__tagline p:before,.recommended-books__tagline p:after{content:"";background:linear-gradient(90deg,#0000,#2f67997a,#0000);width:clamp(50px,5vw,78px);height:1px}.recommended-books__tags{flex-wrap:wrap;gap:7px;display:flex}.recommended-books__tags span{color:#6d8097;min-height:24px;font-family:var(--font-ui);letter-spacing:.04em;background:#ffffff8a;border:1px solid #cedde9b3;border-radius:8px;align-items:center;padding:3px 9px 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.recommended-books__shelves{z-index:2;flex-direction:column;justify-content:center;gap:clamp(36px,5vh,46px);min-width:0;height:100%;padding-top:clamp(20px,3.4vh,34px);padding-right:clamp(12px,1.4vw,24px);display:flex;position:relative}.recommended-books__shelves:before{display:none}.book-shelf-row{perspective:1600px;touch-action:none;width:100%;height:clamp(206px,28vh,226px);transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.recommended-books__shelves .book-shelf-row:first-child{transform:translateY(0)}.recommended-books__shelves .book-shelf-row:last-child{transform:translateY(10px)}.book-shelf-base{z-index:0;-webkit-backdrop-filter:blur(10px);background:#ffffff8a;border:1px solid #ffffffdb;border-radius:999px;width:82%;height:16px;position:absolute;bottom:8px;transform:rotateX(0)translateZ(-10px);box-shadow:0 15px 35px #6478a01f,inset 0 1px #ffffffe0,inset 0 -5px 10px #7eabcd1f}.book-shelf-stage{pointer-events:none;transform-origin:bottom;width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:flex-end;padding-bottom:37px;display:flex;position:relative;transform:scale(.76)}.book-volume{transform-origin:0;width:46px;height:300px;transform-style:preserve-3d;pointer-events:auto;position:absolute}.book-hit-area{z-index:80;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.book-hit-area:hover{background:#ffffff0d}.book-cube{width:100%;height:100%;transform-origin:46px 150px 110px;transform-style:preserve-3d}.book-face{backface-visibility:hidden;position:absolute;top:0;left:0}.book-spine{background:var(--book-color);width:46px;height:300px;color:var(--book-ink);border-right:1px solid #0000000d;border-radius:3px 0 0 3px;overflow:hidden;transform:translateZ(0);box-shadow:inset -4px 0 12px #00000026}.book-texture{z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='bookNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23bookNoise)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.spine-ribs{z-index:2;pointer-events:none;background:linear-gradient(#0000 12%,#0000001a 12%,#ffffff1a 13%,#0000 13% 87%,#0000001a 87%,#ffffff1a 88%,#0000 88%);position:absolute;inset:0}.spine-lines{z-index:3;opacity:.5;flex-direction:column;align-items:center;gap:3px;width:100%;display:flex;position:absolute;top:16px;left:0}.spine-lines span{background:currentColor;width:20px;height:1px}.book-spine-title{z-index:4;width:100%;height:100%;font-family:var(--font-brand);letter-spacing:.2em;text-orientation:upright;writing-mode:vertical-rl;filter:drop-shadow(0 1px 1px #00000026);justify-content:center;align-items:center;padding:48px 0;font-size:14px;font-weight:800;line-height:1.45;display:flex;position:relative}.book-spine-icon{z-index:4;opacity:.6;width:14px;height:14px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.book-back{background:var(--book-color);transform-origin:0;border-radius:14px 0 0 14px;width:220px;height:300px;transform:rotateY(90deg)}.book-pages{background:repeating-linear-gradient(90deg,#fff 0 2px,#f8fafc 2px 4px);width:42px;height:294px;top:3px;left:2px;transform:translateZ(-218px);box-shadow:inset 4px 0 10px #00000008}.book-volume.is-active .book-back,.book-volume.is-active .book-pages{opacity:0}.book-card-cover{background-color:var(--book-color);color:#fff;text-align:center;transform-origin:0;background-position:50%;background-size:cover;border-radius:0 6px 6px 0;justify-content:center;align-items:flex-end;width:220px;height:300px;display:flex;overflow:hidden;transform:translate(46px)rotateY(90deg)translateZ(0);box-shadow:inset 6px 0 20px #ffffff26,25px 15px 35px #6478a033}.book-cover-shade{z-index:2;pointer-events:none;background:linear-gradient(#ffffff14,#0000 52%,#2f679924);position:absolute;inset:0}.recommended-books__detail{z-index:2;justify-content:center;min-width:0;padding-left:clamp(8px,1vw,16px);display:flex;position:relative}.book-review-card{background:radial-gradient(circle at 10% 0,#ffffffeb 0 18%,#0000 42%),linear-gradient(145deg,#fffdf8 0%,#fffaf1 100%);border:1px solid #fffffff0;border-radius:28px;flex-direction:column;width:min(100%,540px);min-height:0;padding:clamp(22px,2vw,30px) clamp(28px,2.5vw,40px) clamp(18px,1.8vw,26px);animation:.5s ease-out bookFadeSlideUp;display:flex;overflow:hidden;box-shadow:0 24px 54px #6090b621,inset 0 0 0 1px #ffffffb3}.book-review-card--note{color:#18324d}@keyframes bookFadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.book-review-card__tag{color:#1f62bd;width:fit-content;font-family:var(--font-brand);letter-spacing:.1em;align-items:center;margin-bottom:clamp(10px,1vw,16px);padding-bottom:7px;font-size:clamp(15px,1.2vw,20px);font-weight:800;line-height:1;display:inline-flex;position:relative}.book-review-card__tag:before,.book-review-card__tag:after{content:"";background:#4b82cd94;border-radius:999px;height:2px;position:absolute;bottom:0}.book-review-card__tag:before{width:52px;left:-9px;transform:rotate(-6deg)}.book-review-card__tag:after{width:58px;left:48px;transform:rotate(-2deg)}.book-review-card__headline{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(18px,2.3vw,34px);margin-bottom:clamp(10px,1vw,14px);display:grid}.book-review-card__author{color:#193454;width:fit-content;font-family:var(--font-brand);letter-spacing:.06em;white-space:nowrap;flex-shrink:0;margin:0 0 6px;padding-bottom:7px;font-size:clamp(14px,1.1vw,18px);font-weight:700;display:inline-flex;position:relative}.book-review-card__author:after{content:"";background:#4b82cd94;border-radius:999px;width:calc(100% + 20px);height:2px;position:absolute;bottom:0;right:-10px;transform:rotate(-1deg)}.book-review-card h3{color:#182c43;font-family:var(--font-brand);letter-spacing:0;margin:0;font-size:clamp(36px,3.2vw,52px);font-weight:800;line-height:1.02}.book-review-card__content{grid-template-columns:minmax(0,.9fr) minmax(220px,1.1fr);align-items:stretch;gap:clamp(14px,1.5vw,22px);margin-bottom:clamp(14px,1.5vw,20px);display:grid}.book-review-card__paper,.book-review-card__note{position:relative}.book-review-card__paper{background:#fff9;padding:clamp(14px,1.5vw,20px);box-shadow:0 12px 22px #6090b614}.book-review-card__paper:after{content:"";background:linear-gradient(135deg,#0000 0 12px,#fff9 12px 24px,#0000 24px 36px) 0 0/36px 10px;height:10px;position:absolute;inset:auto 0 -5px}.book-review-card__note{background-color:#eef8ff;background-image:linear-gradient(#5a8cbe0e 1px,#0000 1px),linear-gradient(90deg,#5a8cbe0b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #b4d3e975;border-radius:2px 8px 34px 2px;padding:clamp(24px,2vw,30px) clamp(18px,1.8vw,26px) clamp(18px,1.6vw,24px);box-shadow:0 18px 24px #6090b624,inset -16px -16px 20px #ffffff57}.book-review-card__note:after{content:"";background:linear-gradient(135deg,#c7e1f094,#ffffffeb);border-radius:34px 0 0;width:58px;height:58px;position:absolute;bottom:0;right:0;box-shadow:-5px -5px 14px #6090b61f}.book-review-card__tape{background:#aecbe0a3;border-radius:3px;width:100px;height:24px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(2deg);box-shadow:0 3px 8px #6090b61f}.book-review-card h4{color:#1f62bd;width:fit-content;font-family:var(--font-brand);letter-spacing:.08em;margin:0 0 10px;padding-bottom:7px;font-size:clamp(15px,1.1vw,19px);font-weight:800;line-height:1.1;position:relative}.book-review-card h4:after{content:"";background:#4b82cd94;border-radius:999px;width:calc(100% + 12px);height:2px;position:absolute;bottom:0;left:-2px;transform:rotate(-2deg)}.book-review-card__paper p,.book-review-card__note p{color:#1f2f40;font-family:var(--font-brand);letter-spacing:.03em;margin:0;font-size:clamp(13px,.95vw,15px);font-weight:500;line-height:1.76}.book-review-card__note p{z-index:1;font-size:clamp(14px,1.05vw,17px);line-height:1.86;position:relative}.book-review-card__divider{border-top:1px dashed #677c8f61;height:1px;margin-top:auto}.book-review-card__footer{justify-content:flex-end;align-items:end;gap:14px;padding-top:14px;display:flex}.book-longform-link{color:#1f62bd;font-family:var(--font-brand);letter-spacing:.08em;background:0 0;border:0;flex-shrink:0;align-items:center;gap:8px;padding-bottom:9px;font-size:clamp(14px,1vw,18px);font-weight:800;line-height:1;transition:color .18s;display:inline-flex;position:relative}.book-longform-link:after{content:"";background:#4b82cd94;border-radius:999px;width:100%;height:2px;position:absolute;bottom:0;right:0;transform:rotate(-1.2deg)}.book-longform-link svg{width:14px;min-width:14px;max-width:14px;height:14px;min-height:14px;max-height:14px;transition:transform .18s}.book-longform-link:hover{color:#2563eb}.book-longform-link:hover svg{transform:translate(4px)}.book-review-card.book-review-card--note{-webkit-backdrop-filter:blur(22px)saturate(1.14);color:#2c3e50;background:linear-gradient(125deg,#ffffff94,#ffffff2e 42%,#d7eefc47),linear-gradient(315deg,#ffffff42,#b9dbf32e),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='bookPaperNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23bookPaperNoise)' opacity='0.035'/%3E%3C/svg%3E");border:1.5px solid #ffffffeb;border-radius:28px;width:min(100%,680px);padding:clamp(14px,1.2vw,18px) clamp(22px,2vw,32px) clamp(10px,1vw,14px);box-shadow:0 22px 48px #43709421,inset 0 1px #fffffff5,inset 0 -1px #ffffff6b,inset 22px 22px 48px #ffffff2e}.book-review-card__tag:before,.book-review-card__tag:after,.book-review-card__author:after,.book-review-card h4:after{display:none}.book-review-card__tag{color:#466996;font-family:var(--font-ui);letter-spacing:.08em;margin:0 0 clamp(7px,.7vw,9px);padding:0;font-size:clamp(15px,1.2vw,18px);font-weight:500;display:inline-block}.book-review-card__brand-underline{width:calc(100% + 8px);height:8px;position:absolute;bottom:-9px;left:-2px}.book-review-card__headline{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:clamp(14px,2vw,28px);margin-bottom:clamp(8px,.8vw,11px)}.book-review-card h3{color:#122333;font-family:var(--font-ui);letter-spacing:.04em;white-space:nowrap;font-size:clamp(23px,2.1vw,32px);font-weight:800;line-height:1.08}.book-review-card__author{color:#3a4a5a;font-family:var(--font-ui);letter-spacing:.14em;margin:0;padding:0 0 7px;font-size:clamp(12px,.95vw,15px);font-weight:500;position:relative}.book-review-card__author-underline{color:#7a93b0;width:100%;height:7px;position:absolute;bottom:0;left:0}.book-review-card__content{grid-template-columns:minmax(0,34%) minmax(360px,64%);gap:clamp(12px,1.3vw,18px);margin-bottom:clamp(6px,.7vw,9px)}.book-review-card__paper{box-shadow:none;background:0 0;padding:0 clamp(10px,1.4vw,20px) 0 0}.book-review-card__paper:after{display:none}.book-review-card__section-title{color:#203659;width:fit-content;margin-bottom:clamp(10px,.9vw,13px);position:relative}.book-review-card__section-title h4{color:currentColor;font-family:var(--font-ui);letter-spacing:.08em;margin:0;padding:0;font-size:clamp(15px,1.1vw,18px);font-weight:600}.book-review-card__section-title svg{width:100%;height:7px;position:absolute;bottom:-9px;left:0}.book-review-card__paper p{color:#4a5560;font-family:var(--font-ui);letter-spacing:.03em;text-align:justify;font-size:clamp(12px,.84vw,13px);font-weight:400;line-height:1.54}.book-review-card__paper p+p{margin-top:clamp(7px,.8vw,10px)}.book-review-card__note{clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%);-webkit-backdrop-filter:blur(18px)saturate(1.12);background:linear-gradient(135deg,#ffffff75,#ffffff1f 44%,#d8edfb42),#eef7fe61;border:1px solid #ffffffdb;border-radius:18px 18px 36px;min-height:168px;padding:clamp(14px,1.2vw,18px) clamp(15px,1.4vw,20px);transition:transform .18s;transform:rotate(1.5deg);box-shadow:0 16px 28px #324b5f1a,inset 0 1px #ffffffe6,inset 0 -1px #ffffff57}.book-review-card__note:hover{transform:rotate(0)}.book-review-card__note-heading{z-index:2;color:#2b4b75;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:clamp(5px,.6vw,8px);display:flex;position:relative}.book-review-card__note .book-review-card__section-title{color:#2b4b75;margin-bottom:0}.book-review-card__note .book-review-card__section-title h4{font-family:var(--font-ui);letter-spacing:.14em;font-size:clamp(14px,1.05vw,16px)}.book-review-card__pencil{color:#2b4b75;flex:0 0 18px;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px}.book-review-card__tape{clip-path:polygon(2% 0,98% 2%,100% 98%,0 100%);-webkit-backdrop-filter:blur(4px);background:linear-gradient(#f0f8fd9e 0%,#cbe2f16b 100%);border:1px solid #fff9;border-radius:4px;width:56px;height:22px;top:-12px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 4px 10px #2f679917,inset 0 1px #ffffffad}.book-review-card__note:after{display:none}.book-review-card__fold{z-index:2;clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(135deg,#bbd5e98f,#ffffffd6);width:30px;height:30px;position:absolute;bottom:0;right:0;box-shadow:-5px -5px 14px #6090b61a,inset 1px 1px 3px #ffffff94}.book-review-card__note-copy{z-index:1;color:#2c3845;width:100%;max-width:100%;font-family:var(--font-ui);letter-spacing:.04em;font-size:clamp(12px,.88vw,13px);line-height:1.5;position:relative}.book-review-card__note-copy p{color:currentColor;font-family:inherit;font-size:inherit;font-weight:400;line-height:inherit;margin:5px 0 0}.book-review-card__underlined-lines,.book-review-card__wavy-lines{white-space:nowrap;flex-direction:column;width:max-content;max-width:100%;display:inline-flex;position:relative}.book-review-card__underlined-lines:before,.book-review-card__underlined-lines:after{content:"";background:#6884a4b3;border-radius:999px;height:2px;position:absolute;left:0}.book-review-card__underlined-lines:before{width:95%;top:22px;transform:rotate(1deg)}.book-review-card__underlined-lines:after{width:70%;bottom:2px;transform:rotate(-1deg)}.book-review-card__circled{z-index:1;margin:0 4px;display:inline-block;position:relative}.book-review-card__circled:after{content:"";z-index:-1;border:1.5px solid #466996;border-radius:50%;position:absolute;inset:-4px -10px -3px;transform:rotate(-4deg)}.book-review-card__wavy-lines{margin-top:8px}.book-review-card__wavy-lines:after{content:"";background:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,5 Q4,1 8,5 T16,5 T24,5 T32,5 T40,5 T48,5 T56,5 T64,5 T72,5 T80,5 T88,5 T96,5 T104,5 T112,5 T120,5 T128,5 T136,5 T144,5 T152,5' fill='none' stroke='%236884A4' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;width:100%;height:6px;position:absolute;bottom:2px;left:0}.book-review-card__divider{color:#b8c3cc;border:0;align-items:center;gap:10px;height:auto;margin:0 0 clamp(5px,.55vw,8px);display:flex}.book-review-card__divider span{border-top:1px dashed;flex:1;height:1px}.book-review-card__loop{flex:0 0 22px;width:22px;min-width:22px;max-width:22px;height:22px;min-height:22px;max-height:22px}.book-review-card__footer{justify-content:space-between;align-items:center;gap:12px;padding-top:0}.book-review-card__footer-tags{flex-wrap:wrap;gap:8px;display:flex}.book-review-card__footer-tag{z-index:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);color:#395068;min-height:24px;font-family:var(--font-ui);letter-spacing:.14em;isolation:isolate;-webkit-backdrop-filter:blur(8px);background:#dfeffc9e;border:1px solid #ffffffa8;align-items:center;padding:4px 10px;font-size:12px;transition:transform .18s;display:inline-flex;position:relative;box-shadow:0 8px 18px #3c586e0f,inset 0 1px #ffffffc2}.book-review-card__footer-tag>span{z-index:1;position:relative}.book-review-card__footer-tag:hover{transform:translateY(-2px)}.book-review-card__footer-tag:before,.book-review-card__footer-tag:after{content:"";position:absolute}.book-review-card__footer-tag:before{z-index:-1;inset:0;box-shadow:0 2px 6px #3c586e14}.book-review-card__footer-tag:after{z-index:0;clip-path:polygon(0 0,100% 0,0 100%);background:#bcd3e5c7;width:10px;height:10px;bottom:0;right:0}.book-review-card__footer-tag--2{color:#6a5a4a;background:#faedd89e}.book-review-card__footer-tag--2:after{background:#dacbbac2}.book-review-card__footer-tag--3{color:#555b60;background:#e8eef1a8}.book-review-card__footer-tag--3:after{background:#ccd3d6c7}.book-longform-link{color:#355888;font-family:var(--font-ui);letter-spacing:.12em;font-size:clamp(14px,1vw,17px);font-weight:600}.book-longform-link:after{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,5 Q10,2 20,5 T40,5 T60,5 T80,5 T100,5' fill='none' stroke='%23355888' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:6px;transform:none}@media (width<=1180px){.recommended-books-section{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);gap:24px;min-height:auto;padding:44px 22px 58px}.recommended-books__heading{text-align:center;grid-template-columns:1fr;gap:8px;padding-left:0}.recommended-books__tagline,.recommended-books__tags{justify-content:center}.recommended-books__shelves{height:auto;padding-right:0}.book-shelf-row{height:330px;transform:scale(.9)}.recommended-books__shelves .book-shelf-row:first-child{transform:translateY(8px)scale(.9)}.recommended-books__shelves .book-shelf-row:last-child{transform:translateY(28px)scale(.9)}.recommended-books__detail{padding-left:0}}@media (width<=640px){.recommended-books-section{padding:36px 14px 48px}.book-ocean-window{display:none}.book-shelf-row{transform-origin:0;justify-content:start;width:1120px;max-width:none;transform:scale(.72)}.recommended-books__shelves .book-shelf-row:first-child,.recommended-books__shelves .book-shelf-row:last-child{transform:scale(.72)}.recommended-books__shelves{overflow-x:auto}.book-review-card{border-radius:28px;min-height:auto;padding:28px 22px 24px}.book-review-card__footer{flex-direction:column;align-items:flex-start}.book-review-card h3{font-size:28px}.book-quote-box{padding:20px}.book-quote-box p{padding-left:34px}}.movie-poster-sphere-section{isolation:isolate;background:#dff5ff;place-items:center;min-height:max(640px,100svh);padding:clamp(18px,2.4vw,34px) clamp(16px,4vw,72px);display:grid;position:relative;overflow:visible}.movie-poster-sphere__background,.movie-poster-sphere__shade{width:100%;height:100%;position:absolute;inset:0}.movie-poster-sphere__background{z-index:-3;object-fit:cover}.movie-poster-sphere__shade{z-index:-2;background:radial-gradient(circle at 50% 56%,#fff0 0 26%,#09233e14 48%,#071e3a4d 100%),linear-gradient(#f8fbf238,#dff5ff0f 42%,#0d2b4a3d)}.movie-poster-sphere__inner{grid-template-rows:auto minmax(0,1fr);place-items:start center;row-gap:clamp(0px,.25vw,4px);width:min(100%,1320px);min-height:calc(100svh - clamp(36px,4.8vw,68px));display:grid;position:relative}.movie-poster-sphere__heading{z-index:4;text-align:center;width:min(100%,760px);padding:0;position:relative}.movie-poster-sphere__heading h2{color:#f8fbf2;font-family:var(--font-brand);letter-spacing:.16em;text-shadow:0 4px 18px #051c486b,0 0 12px #ffffffb8;margin:0;font-size:clamp(36px,3.45vw,58px);font-weight:700;line-height:1.05}.movie-poster-sphere__heading p{color:#f8fbf2f5;font-family:var(--font-brand);letter-spacing:.16em;text-shadow:0 3px 14px #051c4870,0 0 10px #ffffff94;justify-content:center;align-items:center;gap:14px;margin:8px 0 0;font-size:clamp(15px,1.2vw,21px);font-weight:700;line-height:1.2;display:flex}.movie-poster-sphere__heading p:before,.movie-poster-sphere__heading p:after{content:"";background:linear-gradient(90deg,#0000,#f8fbf294,#0000);width:clamp(50px,5vw,78px);height:1px}.movie-poster-sphere__stage{--poster-sphere-radius:360px;perspective:1500px;width:min(100%,980px);height:clamp(440px,58vh,560px);transform-style:preserve-3d;margin:clamp(8px,1.4vw,20px) auto 0;position:relative}.movie-poster-sphere__glow{aspect-ratio:1;filter:blur(2px);background:radial-gradient(circle,#ffffffb3 0 28%,#dff5ff52 52%,#2f679914 72%,#2f679900 100%);border-radius:50%;width:min(74vw,680px);position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.movie-poster-sphere__orbit{aspect-ratio:1;border:1px solid #ffffff80;border-radius:50%;width:min(78vw,720px);position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)rotateX(68deg);box-shadow:inset 0 0 46px #ffffff40,0 0 54px #2f67991f}.movie-poster-sphere__track{width:1px;height:1px;transform-style:preserve-3d;animation:52s linear infinite movieSphereSpin;position:absolute;top:50%;left:50%}.movie-poster-card{aspect-ratio:2/3;color:#fff;width:clamp(80px,6.6vw,108px);font:inherit;text-align:left;cursor:pointer;backface-visibility:visible;transform-style:preserve-3d;background:#ffffff94;border:1px solid #ffffffdb;border-radius:13px;margin:-81px 0 0 -54px;transition:box-shadow .18s,filter .18s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 16px 34px #0f3a6033,inset 0 1px #ffffff5c}.movie-poster-card:hover,.movie-poster-card:focus-visible{filter:brightness(1.08)saturate(1.04);box-shadow:0 20px 42px #0f3a6042,0 0 0 3px #ffffff57}.movie-poster-card:focus-visible{outline-offset:4px;outline:2px solid #fff2c8eb}.movie-poster-card img{object-fit:cover;width:100%;height:100%;display:block}.movie-poster-card:after{content:"";background:linear-gradient(#1021300f 0 44%,#102130cc 100%);position:absolute;inset:0}.movie-poster-card span{z-index:1;gap:4px;padding:0 10px 10px;display:grid;position:absolute;bottom:0;left:0;right:0}.movie-poster-card strong,.movie-poster-card small{text-shadow:0 2px 8px #000000c7;min-width:0;display:block}.movie-poster-card strong{font-family:var(--font-brand);font-size:clamp(13px,.9vw,16px);font-weight:800;line-height:1.18}.movie-poster-card small{font-family:var(--font-ui);opacity:.86;font-size:11px;font-weight:700;line-height:1}.piano-island-section{overscroll-behavior-x:none;overscroll-behavior-y:auto;isolation:isolate;background:#071a42;align-items:center;min-height:100vh;padding:clamp(34px,4vw,70px) clamp(18px,5vw,88px) clamp(26px,3.5vw,58px);display:grid;position:relative;overflow:hidden}.piano-island__background,.piano-island__shade{width:100%;height:100%;position:absolute;inset:0}.piano-island__background{z-index:-3;object-fit:cover}.piano-island__shade{z-index:-2;background:linear-gradient(90deg,#010e2a66 0%,#061c4e21 46%,#020c2138 100%),linear-gradient(#0311301f 0%,#04133614 42%,#0109198f 100%)}.piano-island__inner{z-index:1;grid-template-columns:minmax(0,1fr);place-items:center;gap:clamp(18px,2.3vw,34px);width:min(100%,1280px);margin:0 auto;display:grid;position:relative}.piano-island__heading{width:min(100%,680px)}.piano-island__studio{background:0 0;justify-self:center;width:min(100%,1144px);min-width:0}@media (width<=980px){.piano-island__heading{max-width:720px}}@media (width<=640px){.piano-island-section{padding:42px 14px 34px}.piano-island__heading h2{font-size:40px}.piano-island__heading p{font-size:16px}}.movie-memory-section{color:#fff;width:100%;position:relative}.movie-memory-avatar-preload{pointer-events:none;opacity:0;width:1px;height:1px;position:fixed;top:-10px;left:-10px;overflow:hidden}.movie-memory-avatar-preload img{width:1px;height:1px}.movie-memory-open-stage{cursor:default;-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;min-height:0;position:relative;overflow:visible}.movie-memory-header{pointer-events:none;z-index:6;justify-content:flex-end;align-items:flex-start;display:flex;position:absolute;top:clamp(38px,6.8vh,72px);right:clamp(10px,4.8vw,72px)}.movie-memory-count{color:#f8fbf2f0;text-align:center;-webkit-backdrop-filter:blur(12px)saturate(1.05);backdrop-filter:blur(12px)saturate(1.05);background:#ffffff3d;border:1px solid #ffffffb8;border-radius:18px;min-width:76px;padding:13px 15px 12px;box-shadow:inset 0 1px #ffffff8a,0 0 22px #d0e7ff47,0 14px 34px #214f8529}.movie-memory-count strong,.movie-memory-count span{display:block}.movie-memory-count strong{color:#f8fbf2;font-family:var(--font-english-serif);text-shadow:none;font-size:clamp(27px,2.25vw,38px);font-weight:700;line-height:1}.movie-memory-count span{font-family:var(--font-brand);text-shadow:none;margin-top:5px;font-size:clamp(12px,.82vw,15px);font-weight:800}.movie-memory-globe-field{perspective:2000px;justify-content:center;align-items:center;display:flex;position:absolute;inset:clamp(42px,6.6vh,70px) 0 0}.movie-memory-globe{opacity:1;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.movie-memory-open-stage.is-preloading .movie-memory-globe{pointer-events:none}.movie-memory-open-stage.is-ready .movie-memory-globe{opacity:1}.movie-memory-card{color:#fff;width:118px;height:162px;font:inherit;text-align:left;transform-style:preserve-3d;background:#0009;border:1px solid #ffffff29;border-radius:13px;outline:none;margin:-81px 0 0 -59px;transition:border-color .18s,box-shadow .18s,filter .18s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 0 14px #000000d9}.movie-memory-card:hover,.movie-memory-card:focus-visible{filter:brightness(1.05);border-color:#7dd3fceb;box-shadow:0 0 38px #38bdf89e}.movie-memory-card:focus-visible{outline-offset:4px;outline:2px solid #bae6fde6}.movie-memory-poster-image,.movie-memory-card-overlay{position:absolute;inset:0}.movie-memory-poster-image{object-fit:cover;object-position:center;opacity:1;transform-origin:50%;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.movie-memory-card-overlay{background:linear-gradient(#00000005,#0000001a 48%,#000000ad)}.movie-memory-card-copy{z-index:1;padding:0 12px 12px;display:block;position:absolute;bottom:0;left:0;right:0}.movie-memory-card-copy strong,.movie-memory-card-copy small{text-shadow:0 2px 8px #000000eb;display:block}.movie-memory-card-copy strong{font-family:var(--font-brand);font-size:15px;font-weight:900;line-height:1.12}.movie-memory-card-copy small{color:#ffffffc7;font-family:var(--font-ui);align-items:center;gap:7px;margin-top:8px;font-size:10px;font-weight:800;line-height:1;display:flex}.movie-memory-card-copy small span{color:#ffffffeb}.movie-memory-detail{z-index:80;color:#fff;opacity:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12131ceb;justify-content:center;align-items:center;padding:clamp(16px,4vw,40px);transition:opacity .26s;display:flex;position:fixed;inset:0}.movie-memory-detail.is-visible{opacity:1}.movie-memory-detail-backdrop{cursor:default;position:absolute;inset:0}.movie-memory-detail-shell{background:#1a1c29f5;border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:37fr 63fr;gap:clamp(20px,3vw,32px);width:min(64rem,100vw - 2rem);max-height:92vh;padding:clamp(20px,2vw,28px);transition:transform .26s;display:grid;position:relative;overflow:auto;transform:translateY(18px)scale(.98);box-shadow:0 26px 80px #00000057}.movie-memory-detail.is-visible .movie-memory-detail-shell{transform:translateY(0)scale(1)}.movie-memory-detail-close{z-index:30;color:#0000;cursor:pointer;-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12);background:#ffffff1f;border:1px solid #ffffff3d;border-radius:50%;width:36px;height:36px;font-size:0;line-height:1;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background-color .18s,border-color .18s,box-shadow .18s;position:absolute;top:16px;right:16px;box-shadow:inset 0 1px #ffffff3d,0 10px 24px #0000002e}.movie-memory-detail-close:before,.movie-memory-detail-close:after{content:"";transform-origin:50%;background:#ffffffdb;border-radius:999px;width:17px;height:1.7px;transition:background-color .18s,transform .18s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%}.movie-memory-detail-close:before{transform:translate(-50%,-50%)rotate(45deg)}.movie-memory-detail-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.movie-memory-detail-close:hover,.movie-memory-detail-close:focus-visible{background:#ffffff26;border-color:#ffffff5c;transform:translateY(-1px)scale(1.06);box-shadow:inset 0 1px #ffffff52,0 12px 28px #00000038,0 0 18px #bae6fd2e}.movie-memory-detail-close:hover:before,.movie-memory-detail-close:focus-visible:before{background:#fff;transform:translate(-50%,-50%)rotate(135deg)}.movie-memory-detail-close:hover:after,.movie-memory-detail-close:focus-visible:after{background:#fff;transform:translate(-50%,-50%)rotate(45deg)}.movie-memory-detail-close:focus-visible{outline-offset:4px;outline:2px solid #bae6fdb8}.movie-memory-detail-close:active{transform:translateY(0)scale(.94)}.movie-detail-poster{min-width:0}.movie-detail-poster-art{aspect-ratio:2/3;background-position:50%;background-size:cover;border-radius:16px;width:100%;max-height:clamp(420px,58vh,520px);box-shadow:0 20px 46px #00000057}.movie-detail-copy{min-width:0}.movie-detail-facts h4{color:#fff;font-family:var(--font-brand);margin:0;font-size:clamp(28px,3vw,42px);line-height:1.14}.movie-detail-facts p{color:#22d3eed1;margin:6px 0 0;font-family:Snell Roundhand,Apple Chancery,Segoe Script,cursive;font-size:19px;line-height:1.3}.movie-detail-meta{grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:12px 20px;margin:22px 0 0;display:grid}.movie-detail-meta div{align-items:center;gap:8px;min-width:0;display:flex}.movie-detail-meta dt{color:#94a3b8e6;flex:none;font-size:13px}.movie-detail-meta dd{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:14px;font-weight:700;overflow:hidden}.movie-detail-synopsis,.movie-detail-review{margin-top:22px}.movie-detail-synopsis h5,.movie-detail-review h5{color:#22d3ee;font-family:var(--font-brand);margin:0 0 10px;font-size:17px}.movie-detail-synopsis p{color:#cbd5e1f0;white-space:pre-line;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.75;display:-webkit-box;overflow:hidden}.movie-detail-synopsis p.is-expanded{display:block}.movie-detail-synopsis button{color:#22d3eed1;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:8px;font-size:13px}.movie-detail-review article{background:#222536f5;border-radius:14px;min-height:132px;padding:16px 16px 16px 24px;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #ffffff08}.movie-review-stamp{pointer-events:none;z-index:1;opacity:.35;position:absolute;bottom:20px;right:20px}.movie-review-stamp svg{fill:none;color:#ef4444e6;filter:drop-shadow(1px 1px 1px #0000004d);width:96px;height:96px;transform:rotate(-12deg)rotateX(10deg)skew(-3deg)}.movie-review-stamp circle{stroke:currentColor}.movie-review-stamp circle:first-child{stroke-width:54px}.movie-review-stamp circle:nth-child(2){stroke-width:20px;stroke-dasharray:22 34}.movie-review-stamp text{fill:currentColor;transform-origin:512px 512px;font-family:system-ui,sans-serif;font-size:270px;font-weight:900;transform:rotate(-10deg)}.movie-detail-review article:before{content:"";background:linear-gradient(#67e8f9,#22d3ee,#3b82f6);border-radius:14px 0 0 14px;width:6px;position:absolute;inset:0 auto 0 0}.movie-detail-review-head{align-items:center;gap:12px;display:flex}.movie-detail-review-head img{object-fit:cover;border-radius:50%;width:36px;height:36px}.movie-detail-review-head strong{color:#e2e8f0f5;font-size:14px;display:block}.movie-detail-review-head time{color:#94a3b8c2;font-family:var(--font-ui);margin-left:auto;font-size:12px}.movie-detail-stars{color:#fbbf24;gap:2px;margin-top:3px;display:flex}.movie-detail-stars svg{width:12px;height:12px}.movie-detail-review article>p{color:#cbd5e1f0;max-height:clamp(120px,24vh,280px);margin:16px 0 0;font-size:15px;line-height:1.75;overflow:auto}@keyframes movieSphereSpin{0%{transform:rotateX(-10deg)rotateY(0)}to{transform:rotateX(-10deg)rotateY(360deg)}}@media (prefers-reduced-motion:reduce){.movie-poster-sphere__track{animation-duration:120s}}@media (width<=1120px){.movie-poster-sphere__stage{--poster-sphere-radius:300px;height:540px}.movie-memory-detail-shell{grid-template-columns:1fr}.movie-detail-poster-art{width:min(100%,320px);margin:0 auto}.movie-detail-meta{grid-template-columns:minmax(0,1fr)}.movie-poster-card{width:94px;margin:-70px 0 0 -47px}}@media (width<=640px){.movie-poster-sphere-section{min-height:600px;padding:28px 14px 32px}.movie-poster-sphere__inner{min-height:0}.movie-poster-sphere__heading h2{font-size:34px}.movie-poster-sphere__heading p{font-size:16px}.movie-poster-sphere__stage{--poster-sphere-radius:230px;perspective:1100px;height:540px}.movie-memory-header{top:42px;right:6px}.movie-memory-count{min-width:64px;padding:9px 10px}.movie-memory-card{width:90px;height:124px;margin:-62px 0 0 -45px}.movie-poster-sphere__glow,.movie-poster-sphere__orbit{width:min(94vw,420px)}.movie-poster-card{width:74px;margin:-56px 0 0 -37px}}.join-shell{background:url(/assets/join/join-page-bg.png) center bottom / 100% auto repeat-y, var(--island-mist-blue);padding-bottom:0}.join-hero--home .hero-brand-panel{text-align:center;align-items:center;width:min(880px,54vw);top:clamp(96px,7.6vw,134px);right:clamp(12px,3vw,66px)}.join-hero--home .hero-glass-mask{min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;overflow:visible}.join-hero--home .hero-glass-mask .hero-copy{padding:clamp(20px,2vw,32px) clamp(18px,2vw,32px)}.join-hero--home .hero-brand-panel .hero-copy h1{color:#1f66b2;text-shadow:0 4px #ffffff57,0 14px 30px #2f679929;justify-content:center;align-items:center;gap:clamp(6px,.8vw,14px);font-size:clamp(46px,3.8vw,68px);line-height:1;display:flex}.hero-title-decor{object-fit:contain;opacity:.82;filter:drop-shadow(0 8px 16px #2f67991f);flex:none;width:clamp(74px,7vw,112px);height:clamp(74px,7vw,112px)}.hero-title-decor--left{transform:rotate(-10deg)}.hero-title-decor--right{transform:rotate(8deg)}.join-hero--home .hero-brand-panel .hero-copy p{color:#4c7899;font-family:var(--font-brand);margin-top:clamp(14px,1.6vw,24px);font-size:clamp(20px,1.65vw,28px);font-weight:600;line-height:1.65}.join-hero--home .hero-stats{background:radial-gradient(circle at 92%,#dff5ff94,#0000 30%),#ffffffa8;border-radius:clamp(28px,3.2vw,48px);grid-template-columns:repeat(3,minmax(126px,1fr)) minmax(360px,1.35fr);height:clamp(77px,5.6vw,81px);min-height:clamp(59px,4.9vw,81px);padding:clamp(8px,.9vw,14px) clamp(16px,2vw,30px);bottom:clamp(30px,3.6vw,52px);left:clamp(126px,9vw,174px);right:clamp(76px,7vw,128px);transform:translateY(28px)}.join-hero--home .hero-stats:after{content:"";opacity:.5;pointer-events:none;background:url(/assets/home/decor/hero-decor-flower-branch.png) 50%/contain no-repeat;width:clamp(34px,3.2vw,52px);height:clamp(34px,3.2vw,52px);position:absolute;bottom:clamp(12px,1.3vw,20px);right:clamp(24px,2.8vw,42px)}.join-hero--home .hero-stat{gap:1px;padding:0 clamp(18px,2vw,34px)}.join-hero--home .hero-stat span{font-size:clamp(10px,.76vw,12px);font-weight:650;line-height:1.15}.join-hero--home .hero-stat strong{font-size:clamp(24px,2vw,35px)}.join-hero--home .hero-stat small{font-size:clamp(9px,.68vw,11px);line-height:1.15}.join-hero--home .hero-stats p{color:#5e83a5;font-family:var(--font-brand);margin-left:clamp(20px,2.2vw,34px);padding-right:clamp(42px,4vw,66px);font-size:clamp(13px,1.08vw,19px);font-weight:650;line-height:1.7}.join-hero--home .join-hero__media{object-position:center top;transform:translateY(28px)}.join-hero--join{aspect-ratio:1809/869;width:100vw;height:auto;min-height:600px}.join-hero--join .join-hero__media{object-fit:contain;object-position:center;height:100%;inset:0;transform:none}.join-sign-panel{z-index:4;color:#1f66b2;text-align:center;text-shadow:0 2px #ffffff75,0 10px 22px #2565a526;flex-direction:column;justify-content:center;align-items:center;width:min(630px,35vw);min-height:clamp(330px,27vw,505px);padding:clamp(30px,3.2vw,54px) clamp(28px,3vw,50px);display:flex;position:absolute;top:clamp(150px,10.5vw,210px);right:clamp(24px,3vw,68px);transform:none}.join-sign-panel h1{font-family:var(--font-brand);letter-spacing:0;gap:clamp(6px,.8vw,14px);margin:0;font-weight:700;line-height:1.08;display:grid}.join-sign-panel h1 span{font-size:calc(clamp(38px, 3.4vw, 66px) + var(--join-edit-font,0px))}.join-sign-panel h1 strong{font-size:calc(clamp(64px, 5.4vw, 104px) + var(--join-edit-font,0px));font-weight:700}.join-sign-panel i{width:calc(min(420px, 78%) + var(--join-edit-width,0px));border-top:2px dashed #1f66b294;margin:clamp(20px,2vw,34px) 0 clamp(18px,1.8vw,30px);display:block}.join-sign-panel p{color:#266cae;font-family:var(--font-brand);font-size:calc(clamp(22px, 1.85vw, 36px) + var(--join-edit-font,0px));letter-spacing:0;margin:0;font-weight:700;line-height:1.55}.join-hero-payment-button{width:calc(clamp(190px, 17vw, 310px) + var(--join-edit-width,0px));color:#fff;height:clamp(50px,4.8vw,78px);font-family:var(--font-brand);font-size:calc(clamp(26px, 2.35vw, 44px) + var(--join-edit-font,0px));letter-spacing:.08em;text-shadow:0 2px 8px #1144925c;background:linear-gradient(#ffffff47,#ffffff05 42%),linear-gradient(#3ea8ff 0%,#1d73dc 52%,#1555bf 100%);border:1px solid #ffffffc2;border-radius:999px;justify-content:center;align-items:center;margin-top:clamp(22px,2.6vw,42px);font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff85,inset 0 -6px 14px #0d48a447,0 12px 26px #206cc72e}.join-hero-payment-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff9e,inset 0 -6px 14px #0d48a447,0 16px 32px #206cc73d}.join-editable-element{--join-edit-x:0px;--join-edit-y:0px;--join-edit-scale:1;--join-edit-font:0px;--join-edit-width:0px;transform:translate(var(--join-edit-x), var(--join-edit-y)) scale(var(--join-edit-scale));transform-origin:50%}.join-editable-element.is-editable{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.join-editable-element.is-selected{outline-offset:8px;outline:2px dashed #1f66b2b8}.join-hero-payment-button.join-editable-element:hover{--cta-lift:-3px}.join-layout-editor-toggle,.join-layout-editor{z-index:20;color:#2f6799;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#ffffffad;border:1px solid #ffffffd1;position:fixed;box-shadow:0 18px 42px #2f679929}.join-layout-editor-toggle{height:42px;font:700 14px/1 var(--font-ui);border-radius:18px;padding:0 18px;bottom:22px;right:22px}.join-layout-editor{border-radius:24px;width:min(340px,100vw - 28px);max-height:calc(100svh - 44px);padding:14px;bottom:22px;right:22px;overflow:auto}.join-layout-editor__header,.join-layout-editor__actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.join-layout-editor__header strong,.join-layout-editor__header span{display:block}.join-layout-editor__header strong{font-size:15px}.join-layout-editor__header span{color:#5e7f9e;margin-top:4px;font-size:12px}.join-layout-editor__header button{color:#2f6799;background:#ffffffb8;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.join-layout-editor__header svg{width:18px;height:18px}.join-layout-editor__items{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.join-layout-editor__items button,.join-layout-editor__actions button{color:#2f6799;min-height:34px;font:700 12px/1 var(--font-ui);background:#ffffff8f;border:1px solid #6ea7c947;border-radius:999px}.join-layout-editor__items button[aria-pressed=true]{background:#dff5ff;border-color:#2f679957}.join-layout-editor__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.join-layout-editor__controls label{color:#5e7f9e;gap:5px;font-size:12px;font-weight:700;display:grid}.join-layout-editor__controls input{color:#2f6799;width:100%;height:34px;font:700 13px/1 var(--font-ui);background:#ffffffb8;border:1px solid #6ea7c93d;border-radius:12px;padding:0 10px}.join-layout-editor textarea{color:#2f6799;resize:vertical;background:#ffffffa3;border:1px solid #6ea7c93d;border-radius:14px;width:100%;height:140px;margin-top:14px;padding:10px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.join-layout-editor__actions{margin-top:12px}.join-layout-editor__actions button{flex:1}.join-hero--join:after{background:linear-gradient(90deg,#ffffff24 0%,#ffffff0f 33%,#0000 58%),linear-gradient(#ffffff05 0%,#0000 82%,#eef8fc29 100%)}.join-landing-copy{z-index:3;width:min(760px,46vw);color:var(--island-title-deep);text-shadow:0 5px 20px #ffffffeb;position:absolute;top:clamp(170px,18vw,310px);left:clamp(52px,6.7vw,136px)}.join-landing-copy--right{-webkit-backdrop-filter:blur(10px)saturate(1.05);backdrop-filter:blur(10px)saturate(1.05);background:#fff3;border:1px solid #ffffffbd;border-radius:32px;width:min(560px,34vw);padding:clamp(22px,2.2vw,34px) clamp(24px,2.6vw,42px);top:clamp(134px,15vw,248px);left:auto;right:clamp(42px,6vw,118px);box-shadow:0 18px 44px #2f67991f}.join-landing-copy h1{color:var(--island-title-deep);font-family:var(--font-brand);letter-spacing:0;white-space:nowrap;margin:0;font-size:clamp(56px,5.2vw,78px);font-weight:700;line-height:1.05}.join-landing-copy p{color:var(--island-title-deep);font-family:var(--font-brand);letter-spacing:0;margin:clamp(20px,2vw,32px) 0 0;font-size:clamp(25px,2.3vw,34px);font-weight:700;line-height:1.45}.join-landing-button{color:#fff;letter-spacing:.02em;min-width:clamp(196px,16vw,286px);height:clamp(54px,4.7vw,76px);text-shadow:none;background:linear-gradient(#5eaff4 0%,#1f67d7 100%);border:1px solid #ffffffe0;border-radius:999px;justify-content:center;align-items:center;margin-top:clamp(24px,2.8vw,42px);padding:0 clamp(24px,2.8vw,42px);font-size:clamp(14px,1.25vw,18px);font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 16px 34px #2f679938}.join-cta--yellow{color:#315f86;text-shadow:0 1px #ffffff7a;background:linear-gradient(#ffe891 0%,#f5c95a 48%,#e5a82a 100%);border-color:#ffffffe6;box-shadow:inset 0 1px #ffffff9e,inset 0 -7px 14px #ca8b1433,0 16px 34px #bc882447}.join-landing-button:hover{transform:translateY(-2px);box-shadow:0 19px 38px #2f679945}.join-cta--yellow:hover{box-shadow:inset 0 1px #ffffffb3,inset 0 -7px 14px #ca8b1433,0 20px 42px #bc882457}.join-shell .poster-page{background:linear-gradient(180deg, #eef8fc1f, #ffffffbd 12%, #f8fbf2d6), url(/assets/join/join-page-bg.png) center top / cover no-repeat, var(--island-mist-blue);margin-top:-34px;padding-top:50px}.join-shell .poster-page:before{display:none}.join-shell .island-section{padding-top:clamp(28px,3.6vw,52px);padding-bottom:clamp(34px,3.8vw,56px)}.join-shell .section-title{justify-items:center;gap:6px;margin-bottom:clamp(22px,2.4vw,34px);display:grid}.join-shell .section-title span{display:none}.join-shell .section-title h2{letter-spacing:.06em;text-align:center;text-wrap:balance;text-shadow:0 5px 18px #ffffffe0;max-width:min(1180px,92vw);font-size:clamp(42px,4vw,64px);line-height:1.04}.join-shell .section-title:after{content:"";opacity:.78;background-color:#0000;background-image:radial-gradient(8px 20px,#488cceb8 0 45%,#0000 48%),radial-gradient(7px 18px at 47.2%,#488cce94 0 46%,#0000 50%),radial-gradient(7px 18px at 52.8%,#488cce94 0 46%,#0000 50%),radial-gradient(6px 16px at 49% 37%,#90becead 0 45%,#0000 50%),radial-gradient(6px 16px at 51% 63%,#b6cc9e8f 0 45%,#0000 50%),linear-gradient(100deg,#0000 0 8%,#6fa9d31a 8% 14%,#5a9bd585 28%,#5a9bd5ad 43%,#0000 49% 51%,#5a9bd5ad 57%,#5a9bd585 72%,#6fa9d31a 86%,#0000 86% 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;width:min(520px,52vw);height:34px}.join-shell .island-card{background:#ffffff9e;border-radius:28px;box-shadow:0 18px 42px #578baa21}.join-shell .island-card:after{opacity:.7;height:72px}.join-shell .card-number{background:linear-gradient(#5aa1d7,#2d76b7);width:46px;min-width:46px;height:46px;padding:0;font-size:18px;font-weight:700;box-shadow:0 8px 18px #2f67992e}.join-shell .consensus-grid>.island-card:first-child,.join-shell .audience-grid>.island-card:first-child{text-align:left;grid-row:span 2;align-content:start;justify-items:start;min-height:594px;padding:clamp(34px,3.4vw,52px) clamp(34px,3.4vw,54px) 28px}.join-shell .consensus-grid>.island-card:first-child .card-copy,.join-shell .audience-grid>.island-card:first-child .card-copy{gap:18px;max-width:520px}.join-shell .consensus-grid>.island-card:first-child h3,.join-shell .audience-grid>.island-card:first-child h3{font-size:clamp(34px,3vw,48px);line-height:1.18}.join-shell .consensus-grid>.island-card:first-child p,.join-shell .audience-grid>.island-card:first-child p{max-width:420px;font-size:clamp(16px,1.18vw,19px);line-height:1.78}.join-shell .consensus-grid>.island-card:first-child img,.join-shell .audience-grid>.island-card:first-child img{place-self:end center;width:min(420px,92%);height:clamp(270px,24vw,390px);margin:10px auto 0}.join-shell .consensus-grid>.island-card:not(:first-child),.join-shell .audience-grid>.island-card:not(:first-child){text-align:left;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(118px,40%);place-items:end start;gap:10px 12px;min-height:276px;padding:28px 26px 22px;display:grid}.join-shell .consensus-grid>.island-card:not(:first-child) .card-number{align-self:start}.join-shell .consensus-grid>.island-card:not(:first-child) .card-copy,.join-shell .audience-grid>.island-card:not(:first-child) .card-copy{grid-column:1/2;gap:12px}.join-shell .consensus-grid>.island-card:not(:first-child) .card-number{grid-area:1/1/2/2}.join-shell .consensus-grid>.island-card:not(:first-child) .card-copy{grid-row:2/3}.join-shell .audience-grid>.island-card:not(:first-child) .card-copy{grid-row:1/3;align-self:center}.join-shell .consensus-grid>.island-card:not(:first-child) h3,.join-shell .audience-grid>.island-card:not(:first-child) h3{font-size:clamp(22px,1.7vw,30px);line-height:1.24}.join-shell .consensus-grid>.island-card:not(:first-child) p,.join-shell .audience-grid>.island-card:not(:first-child) p{font-size:14px;line-height:1.68}.join-shell .consensus-grid>.island-card:not(:first-child) img,.join-shell .audience-grid>.island-card:not(:first-child) img{grid-area:1/2/3/3;place-self:end center;width:min(190px,100%);height:clamp(150px,12vw,196px);margin:0}.join-shell .stuck-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,1.8vw,26px)}.join-shell .stuck-grid .island-card--compact,.join-shell .benefits-grid .island-card--compact{text-align:center;grid-template-rows:minmax(188px,1fr) auto auto;align-content:start;justify-items:center;gap:14px;min-height:430px;padding:24px 28px 32px;display:grid}.join-shell .stuck-grid .card-number,.join-shell .benefits-grid .card-number{grid-row:2;width:48px;min-width:48px;height:48px;position:relative;top:auto;left:auto}.join-shell .stuck-grid .card-copy,.join-shell .benefits-grid .card-copy{grid-row:3;gap:12px;padding:0}.join-shell .stuck-grid .island-card h3,.join-shell .benefits-grid .island-card h3{text-align:center;font-size:clamp(22px,1.65vw,30px);line-height:1.28}.join-shell .stuck-grid .island-card p,.join-shell .benefits-grid .island-card p{text-align:center;max-width:100%;font-size:15px;line-height:1.72}.join-shell .stuck-grid .island-card img,.join-shell .benefits-grid .island-card img{grid-row:1;place-self:end center;width:min(260px,100%);height:clamp(190px,14vw,250px);margin:0;position:relative;bottom:auto;right:auto}.join-shell .benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,1.8vw,26px)}@media (width<=1180px){.join-shell .consensus-grid,.join-shell .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-shell .consensus-grid>.island-card:first-child,.join-shell .audience-grid>.island-card:first-child{grid-area:auto/1/auto/-1;min-height:auto}.join-shell .stuck-grid,.join-shell .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.join-shell .section-title h2{font-size:clamp(30px,9vw,42px)}.join-shell .section-title:after{width:min(340px,78vw)}.join-shell .consensus-grid,.join-shell .audience-grid,.join-shell .stuck-grid,.join-shell .benefits-grid{grid-template-columns:minmax(0,1fr)}.join-shell .consensus-grid>.island-card:not(:first-child),.join-shell .audience-grid>.island-card:not(:first-child){text-align:center;grid-template-columns:minmax(0,1fr)}.join-shell .consensus-grid>.island-card:not(:first-child) .card-number,.join-shell .consensus-grid>.island-card:not(:first-child) .card-copy,.join-shell .audience-grid>.island-card:not(:first-child) .card-copy,.join-shell .consensus-grid>.island-card:not(:first-child) img,.join-shell .audience-grid>.island-card:not(:first-child) img{grid-area:auto/1/auto/-1;justify-self:center}}@media (width<=1180px){.join-hero--home .hero-stats{height:auto}.join-landing-copy{width:min(620px,54vw)}.join-landing-copy--right{width:min(520px,42vw);right:32px}}@media (width<=820px){.join-hero--home .hero-brand-panel{text-align:center;align-items:center;width:min(640px,88vw);top:104px;left:50%;right:auto;transform:translate(-50%)}.hero-glass-mask{border-radius:36px;min-height:260px}.hero-glass-mask .hero-copy{padding:38px 24px 28px}.join-hero--home .hero-brand-panel .hero-copy h1{font-size:clamp(38px,8vw,56px)}.join-hero--home .hero-brand-panel .hero-copy p{font-size:clamp(18px,3.8vw,24px)}.hero-decor--branch-left,.hero-decor--flower-right{opacity:.5;width:86px}.hero-decor--palette,.hero-decor--heart,.hero-decor--star,.hero-decor--leaf{opacity:.36;width:34px}.hero-pills{gap:10px;margin-top:24px}.hero-pills span{min-width:104px;min-height:42px;padding:0 16px;font-size:17px}.join-hero--home .hero-stats{border-radius:28px;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;min-height:128px;padding:14px 12px;bottom:18px;left:18px;right:18px}.join-hero--home .hero-stats p{text-align:center;white-space:normal;grid-column:1/-1;margin:10px 0 0;padding-right:38px;font-size:17px}.join-hero--home .hero-stats:after{width:42px;height:42px;bottom:12px;right:16px}.join-hero--join{aspect-ratio:auto;width:100vw;height:610px;min-height:auto}.join-hero--join .join-hero__media{object-fit:cover;object-position:68% center}.join-sign-panel{width:min(390px,54vw);min-height:340px;padding:28px 20px;top:128px;right:18px;transform:translate(0)}.join-sign-panel h1 span{font-size:clamp(28px,5vw,42px)}.join-sign-panel h1 strong{font-size:clamp(44px,8vw,70px)}.join-sign-panel p{font-size:clamp(17px,3vw,24px)}.join-hero-payment-button{width:190px;height:54px;font-size:26px}.join-landing-copy{width:min(460px,100vw - 48px);top:154px;left:24px}.join-landing-copy--right{width:auto;left:24px;right:24px}.join-landing-copy h1{white-space:normal;font-size:44px}.join-landing-copy p{font-size:22px}}@media (width<=520px){.join-hero--home .hero-brand-panel{width:calc(100vw - 24px);top:96px}.hero-glass-mask{border-radius:30px;min-height:288px}.hero-glass-mask .hero-copy{padding:34px 16px 24px}.join-hero--home .hero-brand-panel .hero-copy h1{font-size:34px}.join-hero--home .hero-brand-panel .hero-copy p{font-size:17px}.join-hero--home .hero-stats{min-height:154px}.join-hero--home .hero-stat{padding:0 6px}.join-hero--home .hero-stat strong{font-size:30px}.join-hero--home .hero-stats p{font-size:14px}.join-hero--join{height:590px;min-height:auto}.join-hero--join .join-hero__media{object-position:69% center}.join-sign-panel{width:min(300px,62vw);min-height:310px;padding:22px 14px;top:126px;right:10px}.join-sign-panel h1 span{font-size:26px}.join-sign-panel h1 strong{font-size:42px}.join-sign-panel i{margin:14px 0 12px}.join-sign-panel p{font-size:16px;line-height:1.48}.join-hero-payment-button{width:160px;height:48px;margin-top:18px;font-size:22px}.join-landing-copy{width:calc(100vw - 36px);top:150px;left:18px}.join-landing-copy--right{border-radius:26px;width:auto;padding:18px 18px 20px;left:18px;right:18px}.join-landing-copy h1{font-size:38px}.join-landing-copy p{max-width:300px;font-size:19px}.join-landing-button{min-width:190px;height:52px;font-size:14px}}.join-shell .section-title h2{letter-spacing:.05em;max-width:min(1080px,92vw);font-size:clamp(29px,2.8vw,45px);line-height:1.12}.join-shell .stuck-section .section-title h2,.join-shell .benefits-section .section-title h2{font-size:clamp(27px,2.45vw,39px)}.join-shell .section-title:after{background:url(/assets/join/title-divider.png) 50%/contain no-repeat;width:min(620px,58vw);height:clamp(22px,2.4vw,34px)}.join-shell .island-card,.join-shell .island-card--compact,.join-shell .island-card--plain,.join-shell .consensus-grid>.island-card:not(:first-child),.join-shell .audience-grid>.island-card:not(:first-child){text-align:center;grid-template:"image"minmax(156px,auto)"number""copy"minmax(0,auto)/minmax(0,1fr);align-content:start;justify-items:center;gap:7px;min-height:276px;padding:clamp(12px,1.05vw,18px) clamp(12px,1.15vw,20px) clamp(16px,1.35vw,22px);display:grid}.join-shell .island-card--plain,.join-shell .audience-grid>.island-card:not(:first-child),.join-shell .outcome-grid .island-card--plain{grid-template-rows:minmax(166px,auto) minmax(0,auto);grid-template-areas:"image""copy"}.join-shell .card-number,.join-shell .stuck-grid .card-number,.join-shell .benefits-grid .card-number,.join-shell .consensus-grid>.island-card:not(:first-child) .card-number{grid-area:number;place-self:center;width:44px;min-width:44px;height:44px;font-size:17px;position:relative;top:auto;left:auto}.join-shell .card-copy,.join-shell .stuck-grid .card-copy,.join-shell .benefits-grid .card-copy,.join-shell .consensus-grid>.island-card:not(:first-child) .card-copy,.join-shell .audience-grid>.island-card:not(:first-child) .card-copy{text-align:center;grid-area:copy;place-self:start center;gap:9px;width:100%;max-width:24em;padding:0}.join-shell .island-card h3,.join-shell .consensus-grid .island-card h3,.join-shell .consensus-grid>.island-card:first-child h3,.join-shell .consensus-grid>.island-card:not(:first-child) h3,.join-shell .stuck-grid .island-card h3,.join-shell .process-grid .island-card h3,.join-shell .benefits-grid .island-card h3,.join-shell .audience-grid .island-card h3,.join-shell .audience-grid>.island-card:first-child h3,.join-shell .audience-grid>.island-card:not(:first-child) h3,.join-shell .outcome-grid .island-card h3{color:var(--island-title-deep);font-family:var(--font-brand);letter-spacing:.04em;text-align:center;margin:0;font-size:clamp(21px,1.45vw,27px);font-weight:600;line-height:1.34}.join-shell .island-card p,.join-shell .consensus-grid .island-card p,.join-shell .consensus-grid>.island-card:first-child p,.join-shell .consensus-grid>.island-card:not(:first-child) p,.join-shell .stuck-grid .island-card p,.join-shell .process-grid .island-card p,.join-shell .benefits-grid .island-card p,.join-shell .audience-grid .island-card p,.join-shell .audience-grid>.island-card:first-child p,.join-shell .audience-grid>.island-card:not(:first-child) p,.join-shell .outcome-grid .island-card p{max-width:100%;color:var(--island-text);letter-spacing:.02em;text-align:center;font-size:clamp(14px,.95vw,16px);font-weight:500;line-height:1.72}.join-shell .island-card img,.join-shell .stuck-grid .island-card img,.join-shell .process-grid .island-card img,.join-shell .benefits-grid .island-card img,.join-shell .audience-grid .island-card img,.join-shell .outcome-grid .island-card img,.join-shell .consensus-grid>.island-card:first-child img,.join-shell .consensus-grid>.island-card:not(:first-child) img,.join-shell .audience-grid>.island-card:first-child img,.join-shell .audience-grid>.island-card:not(:first-child) img{object-fit:contain;grid-area:auto;place-self:end center;width:min(252px,96%);height:clamp(156px,11.7vw,210px);margin:0 auto;position:relative;bottom:auto;right:auto}.join-shell .consensus-grid,.join-shell .audience-grid{grid-template-columns:minmax(300px,1.04fr) repeat(2,minmax(220px,1fr));grid-auto-rows:minmax(264px,auto);gap:clamp(16px,1.5vw,24px)}.join-shell .consensus-grid>.island-card,.join-shell .consensus-grid>.island-card:nth-child(4):nth-last-child(2),.join-shell .consensus-grid>.island-card:nth-child(5):last-child,.join-shell .audience-grid>.island-card,.join-shell .audience-grid>.island-card:nth-child(4):nth-last-child(2),.join-shell .audience-grid>.island-card:nth-child(5):last-child{grid-column:auto}.join-shell .consensus-grid>.island-card:first-child,.join-shell .audience-grid>.island-card:first-child{grid-row:span 2;grid-template-rows:minmax(268px,auto) auto minmax(0,auto);grid-template-areas:"image""number""copy";align-content:center;min-height:536px}.join-shell .audience-grid>.island-card:first-child{grid-template-rows:minmax(286px,auto) minmax(0,auto);grid-template-areas:"image""copy"}.join-shell .consensus-grid>.island-card:first-child img,.join-shell .audience-grid>.island-card:first-child img{width:min(392px,96%);height:clamp(278px,21.5vw,362px)}.join-shell .stuck-grid,.join-shell .benefits-grid,.join-shell .outcome-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.5vw,22px)}.join-shell .process-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.25vw,20px)}.join-shell .stuck-grid .island-card--compact,.join-shell .benefits-grid .island-card--compact,.join-shell .outcome-grid .island-card--compact,.join-shell .outcome-grid .island-card--plain{min-height:284px}.join-shell .benefits-grid .island-card--compact{min-height:296px}.join-shell .process-grid .island-card{min-height:278px}@media (width<=1180px){.join-shell .consensus-grid,.join-shell .audience-grid,.join-shell .process-grid,.join-shell .stuck-grid,.join-shell .benefits-grid,.join-shell .outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-shell .consensus-grid>.island-card:first-child,.join-shell .audience-grid>.island-card:first-child{grid-area:auto/1/auto/-1;min-height:430px}}@media (width<=720px){.join-shell .section-title h2,.join-shell .stuck-section .section-title h2,.join-shell .benefits-section .section-title h2{font-size:clamp(27px,7vw,34px)}.join-shell .section-title:after{width:min(300px,74vw)}.join-shell .consensus-grid,.join-shell .audience-grid,.join-shell .stuck-grid,.join-shell .process-grid,.join-shell .benefits-grid,.join-shell .outcome-grid{grid-template-columns:minmax(0,1fr)}.join-shell .consensus-grid>.island-card:first-child,.join-shell .audience-grid>.island-card:first-child{min-height:auto}}.join-shell .consensus-grid>.island-card:first-child,.join-shell .audience-grid>.island-card:first-child{padding:clamp(14px,1.25vw,22px) clamp(14px,1.35vw,24px) clamp(18px,1.5vw,26px)}.join-shell .stuck-grid .island-card--compact,.join-shell .benefits-grid .island-card--compact,.join-shell .outcome-grid .island-card--compact,.join-shell .outcome-grid .island-card--plain,.join-shell .process-grid .island-card{padding:clamp(12px,1.05vw,18px) clamp(12px,1.15vw,20px) clamp(16px,1.35vw,22px)}.join-shell .consensus-grid{grid-template-columns:minmax(390px,1.18fr) repeat(2,minmax(260px,1fr));grid-auto-rows:minmax(252px,auto);gap:clamp(18px,1.65vw,28px)}.join-shell .consensus-grid>.island-card:first-child{text-align:left;grid-template:"number""copy""image"minmax(260px,1fr)/minmax(0,1fr);grid-row:span 2;align-content:stretch;justify-items:start;gap:clamp(6px,.7vw,12px);min-height:532px;padding:clamp(18px,1.55vw,26px) clamp(18px,1.75vw,30px) clamp(12px,1.1vw,20px)}.join-shell .consensus-grid>.island-card:first-child .card-number{justify-self:start}.join-shell .consensus-grid>.island-card:first-child .card-copy{text-align:left;justify-self:start;max-width:30em}.join-shell .consensus-grid>.island-card:first-child h3{text-align:left;font-size:25px;line-height:1.18}.join-shell .consensus-grid>.island-card:first-child p{text-align:left;max-width:28em;font-size:clamp(16px,1.05vw,19px);line-height:1.78}.join-shell .consensus-grid>.island-card:first-child img{place-self:end center;width:min(420px,92%);height:clamp(260px,23vw,370px);margin-top:-12px}.join-shell .consensus-grid>.island-card:not(:first-child){text-align:left;grid-template:"number image""copy image"1fr/minmax(0,1fr) minmax(145px,42%);align-content:stretch;place-items:start;gap:clamp(10px,.9vw,16px) clamp(12px,1vw,18px);min-height:252px;padding:clamp(16px,1.45vw,24px) clamp(14px,1.35vw,22px) clamp(14px,1.3vw,22px)}.join-shell .consensus-grid>.island-card:not(:first-child) .card-number{grid-area:number;justify-self:start;width:42px;min-width:42px;height:42px}.join-shell .consensus-grid>.island-card:not(:first-child) .card-copy{text-align:left;grid-area:copy;place-self:start stretch;gap:clamp(10px,1vw,16px);max-width:100%}.join-shell .consensus-grid>.island-card:not(:first-child) h3{text-align:left;font-size:clamp(25px,2vw,34px);line-height:1.22}.join-shell .consensus-grid>.island-card:not(:first-child) p{text-align:left;max-width:15em;font-size:clamp(14px,.95vw,17px);line-height:1.78}.join-shell .consensus-grid>.island-card:not(:first-child) img{grid-area:image;place-self:end;width:min(210px,100%);height:clamp(160px,13vw,220px)}@media (width<=1180px){.join-shell .consensus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-shell .consensus-grid>.island-card:first-child{grid-area:auto/1/auto/-1;min-height:auto}}@media (width<=720px){.join-shell .consensus-grid{grid-template-columns:minmax(0,1fr)}.join-shell .consensus-grid>.island-card:first-child,.join-shell .consensus-grid>.island-card:not(:first-child){text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"number""copy""image";justify-items:center}.join-shell .consensus-grid>.island-card:first-child .card-number,.join-shell .consensus-grid>.island-card:not(:first-child) .card-number,.join-shell .consensus-grid>.island-card:first-child .card-copy,.join-shell .consensus-grid>.island-card:not(:first-child) .card-copy,.join-shell .consensus-grid>.island-card:first-child h3,.join-shell .consensus-grid>.island-card:not(:first-child) h3,.join-shell .consensus-grid>.island-card:first-child p,.join-shell .consensus-grid>.island-card:not(:first-child) p,.join-shell .consensus-grid>.island-card:first-child img,.join-shell .consensus-grid>.island-card:not(:first-child) img{text-align:center;justify-self:center}.join-shell .consensus-grid>.island-card:not(:first-child) p{max-width:100%}}.join-shell .stuck-grid .island-card,.join-shell .process-grid .island-card,.join-shell .benefits-grid .island-card{grid-template-rows:minmax(156px,auto) minmax(0,auto);grid-template-areas:"image""copy";padding-top:clamp(12px,1.05vw,18px);position:relative}.join-shell .stuck-grid .card-number,.join-shell .process-grid .card-number,.join-shell .benefits-grid .card-number{z-index:2;color:#2f6799;width:54px;min-width:54px;height:54px;font-family:var(--font-english-serif);background:radial-gradient(circle at 38% 28%,#ffffffeb,#eef8fcbd 70%),#eef8fcd6;border:1px solid #6fa9d370;border-radius:50%;justify-content:center;align-items:center;font-size:23px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:clamp(14px,1.3vw,22px);left:clamp(14px,1.3vw,22px);box-shadow:inset 0 0 0 2px #ffffff8c,0 10px 22px #2f67991a}.join-shell .stuck-grid .card-copy,.join-shell .process-grid .card-copy,.join-shell .benefits-grid .card-copy{grid-area:copy}.join-shell .stuck-grid .island-card h3,.join-shell .stuck-grid .island-card p,.join-shell .process-grid .island-card h3,.join-shell .process-grid .island-card p,.join-shell .benefits-grid .island-card h3,.join-shell .benefits-grid .island-card p,.join-shell .consensus-grid .island-card h3,.join-shell .consensus-grid .island-card p{color:#4a5c78}.join-shell .stuck-section .section-title h2,.join-shell .process-section .section-title h2,.join-shell .benefits-section .section-title h2{color:#3f86b8}.join-shell .consensus-grid>.island-card:first-child h3{font-size:33px}.join-shell .offer-band{background:linear-gradient(90deg, #ffffff38 0%, #ffffffc7 42%, #ffffff2e 100%), var(--island-pale-blue);border-color:#ffffffe6;border-radius:999px;grid-template-columns:minmax(104px,.7fr) minmax(180px,auto) minmax(230px,.88fr) auto;gap:clamp(18px,2.2vw,36px);min-height:clamp(118px,10vw,168px);margin:clamp(32px,3.8vw,56px) auto clamp(42px,4.4vw,66px);padding:clamp(18px,1.8vw,28px) clamp(30px,4.4vw,70px);box-shadow:inset 0 1px #ffffffd1,0 18px 42px #2f679929}.join-shell .offer-band:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;border:1px solid #ffffffb3;position:absolute;inset:10px 12px}.join-shell .offer-scenery{background:linear-gradient(90deg,#ffffff05 0%,#ffffff80 44%,#ffffff0f 100%),url(/assets/join/offer-bg.png) 50%/cover no-repeat}.join-shell .offer-badge{color:#f08aa1;place-self:start center;margin-top:clamp(4px,.5vw,8px);font-size:clamp(12px,.82vw,14px);font-weight:700;transform:rotate(-8deg)}.join-shell .price-block{justify-self:center;column-gap:12px}.join-shell .price-block strong{color:#1f62bd;font-family:var(--font-english-serif);letter-spacing:.015em;background:linear-gradient(#3c91d7 0%,#1459b8 56%,#0e4595 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ffffffad;filter:drop-shadow(0 4px #ffffffb8)drop-shadow(0 7px 12px #1c60ad3d);-webkit-background-clip:text;background-clip:text;font-size:clamp(74px,6.5vw,98px)}.join-shell .price-block span,.join-shell .price-block small{color:#1f62bd}.join-shell .offer-copy{z-index:1;border-left:1px solid #6ea7c957;justify-self:start;gap:9px;padding-left:clamp(18px,2.2vw,34px);display:grid;position:relative}.join-shell .offer-copy p{color:#2f6799;letter-spacing:.04em;white-space:nowrap;max-width:none;font-size:clamp(22px,1.9vw,32px)}.join-shell .offer-highlights{color:#3f86b8;font-family:var(--font-brand);letter-spacing:.04em;flex-wrap:wrap;gap:4px 10px;font-size:clamp(11px,.82vw,14px);font-weight:700;line-height:1.35;display:flex}.join-shell .offer-highlights span:not(:last-child):after{content:"·";color:#3f86b8b3;margin-left:10px}.join-shell .offer-band .button--rose{color:#fff;text-shadow:0 1px 6px #a12e5333;background:linear-gradient(#ffffff57,#0000 44%),linear-gradient(135deg,#ff9cb4 0%,#f76f94 50%,#e95580 100%);border-color:#ffffffeb;justify-self:end;min-width:clamp(188px,14.5vw,240px);height:clamp(42px,3.5vw,58px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff9e,inset 0 -6px 14px #ca426b2e,0 14px 28px #e3688942}.join-shell .offer-band .button--rose:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff80,#0000);height:36%;position:absolute;inset:6px 12px auto}.join-shell .offer-band .button--rose:after{content:"✦";color:#fff5c8;margin-left:8px;font-size:.95em;line-height:1}.join-shell .audience-grid{grid-template-columns:minmax(390px,1.18fr) repeat(2,minmax(260px,1fr));grid-auto-rows:minmax(252px,auto);gap:clamp(18px,1.65vw,28px)}.join-shell .audience-grid>.island-card:first-child{text-align:left;grid-template:"number""copy""image"minmax(260px,1fr)/minmax(0,1fr);grid-row:span 2;align-content:stretch;justify-items:start;gap:clamp(6px,.7vw,12px);min-height:532px;padding:clamp(18px,1.55vw,26px) clamp(18px,1.75vw,30px) clamp(12px,1.1vw,20px)}.join-shell .audience-grid>.island-card:first-child .card-number,.join-shell .audience-grid>.island-card:not(:first-child) .card-number{justify-self:start}.join-shell .audience-grid>.island-card:first-child .card-copy{text-align:left;justify-self:start;max-width:30em}.join-shell .audience-grid>.island-card:first-child h3{text-align:left;font-size:33px;line-height:1.18}.join-shell .audience-grid>.island-card:first-child p{text-align:left;max-width:28em;font-size:clamp(16px,1.05vw,19px);line-height:1.78}.join-shell .audience-grid>.island-card:first-child img{place-self:end center;width:min(420px,92%);height:clamp(260px,23vw,370px);margin-top:-12px}.join-shell .audience-grid>.island-card:not(:first-child){text-align:left;grid-template:"number image""copy image"1fr/minmax(0,1fr) minmax(145px,42%);align-content:stretch;place-items:start;gap:clamp(10px,.9vw,16px) clamp(12px,1vw,18px);min-height:252px;padding:clamp(16px,1.45vw,24px) clamp(14px,1.35vw,22px) clamp(14px,1.3vw,22px)}.join-shell .audience-grid>.island-card:not(:first-child) .card-copy{text-align:left;grid-area:copy;place-self:start stretch;gap:clamp(10px,1vw,16px);max-width:100%}.join-shell .audience-grid>.island-card:not(:first-child) h3{text-align:left;font-size:clamp(25px,2vw,34px);line-height:1.22}.join-shell .audience-grid>.island-card:not(:first-child) p{text-align:left;max-width:15em;font-size:clamp(14px,.95vw,17px);line-height:1.78}.join-shell .audience-grid>.island-card:not(:first-child) img{grid-area:image;place-self:end;width:min(210px,100%);height:clamp(160px,13vw,220px)}.join-shell .final-line span,.join-shell .final-line strong{color:#ee8fa8}.join-shell .final-line .button{color:#3f6f98;-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:#ffffffa8;border-radius:999px;min-width:clamp(260px,22vw,380px);height:clamp(64px,5.8vw,86px);box-shadow:0 18px 42px #3f86b824}@media (width<=1180px){.join-shell .offer-band{border-radius:38px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.join-shell .offer-badge,.join-shell .price-block,.join-shell .offer-copy,.join-shell .offer-band .button--rose{justify-self:center}.join-shell .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-shell .audience-grid>.island-card:first-child{grid-area:auto/1/auto/-1;min-height:auto}}@media (width<=720px){.join-shell .offer-band{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;padding:24px 18px}.join-shell .offer-copy{border-left:0;justify-items:center;padding-left:0}.join-shell .offer-copy p{white-space:normal}.join-shell .audience-grid{grid-template-columns:minmax(0,1fr)}.join-shell .audience-grid>.island-card:first-child,.join-shell .audience-grid>.island-card:not(:first-child){text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"number""copy""image";justify-items:center}.join-shell .audience-grid>.island-card:first-child .card-number,.join-shell .audience-grid>.island-card:not(:first-child) .card-number,.join-shell .audience-grid>.island-card:first-child .card-copy,.join-shell .audience-grid>.island-card:not(:first-child) .card-copy,.join-shell .audience-grid>.island-card:first-child h3,.join-shell .audience-grid>.island-card:not(:first-child) h3,.join-shell .audience-grid>.island-card:first-child p,.join-shell .audience-grid>.island-card:not(:first-child) p,.join-shell .audience-grid>.island-card:first-child img,.join-shell .audience-grid>.island-card:not(:first-child) img{text-align:center;justify-self:center}.join-shell .audience-grid>.island-card:not(:first-child) p{max-width:100%}}.growth-section{background:var(--bookcase-page-bg);height:100vh;min-height:680px;padding:clamp(14px,1.5vw,24px) clamp(16px,2vw,34px);display:flex;position:relative;overflow:hidden}.growth-section:before{content:"";pointer-events:none;background:linear-gradient(#f8fbf200,#f8fbf2d1 72%,#f8fbf200);height:104px;position:absolute;top:-52px;left:0;right:0}.growth-panel{-webkit-backdrop-filter:blur(14px)saturate(1.06);backdrop-filter:blur(14px)saturate(1.06);background:radial-gradient(circle at 9% 36%,#ffffffa8 0 7%,#0000 18%),radial-gradient(circle at 90% 34%,#ffffff9e 0 7%,#0000 18%),linear-gradient(#ffffffad,#fffdf794);border:1px solid #ffffffe6;border-radius:clamp(32px,3.4vw,56px);width:100%;max-width:1580px;height:100%;min-height:0;margin:0 auto;padding:clamp(18px,2.2vw,34px) clamp(20px,2.5vw,44px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff6b,0 20px 48px #2f67991f}.growth-heading,.growth-timeline{z-index:1;position:relative}.growth-heading{text-align:center;justify-content:center;align-items:center;display:flex}.growth-heading h2{color:#1f62bd;font-family:var(--font-brand);letter-spacing:.16em;text-shadow:0 4px 14px #ffffffdb;margin:0;font-size:clamp(36px,3.45vw,58px);font-weight:700;line-height:1.05}.growth-heading p{color:#2f6799;font-family:var(--font-brand);letter-spacing:.16em;justify-content:center;align-items:center;gap:14px;margin:8px 0 0;font-size:clamp(15px,1.2vw,21px);font-weight:700;line-height:1.2;display:flex}.growth-heading p span{background:linear-gradient(90deg,#0000,#2f67997a,#0000);width:clamp(50px,5vw,78px);height:1px}.growth-timeline{--timeline-gap:clamp(6px, .7vw, 12px);align-items:end;gap:var(--timeline-gap);grid-template-columns:repeat(9,minmax(0,1fr));margin-top:clamp(18px,2.4vw,34px);display:grid}.growth-stage{text-align:center;grid-template-rows:62px minmax(270px,45vh) auto auto;justify-items:center;min-width:0;display:grid;position:relative}.growth-stage:not(:last-child):before{content:"";top:var(--line-top,22px);width:calc(100% + var(--timeline-gap) - 48px);height:20px;transform:rotate(var(--line-rotate,-3deg)) translateY(var(--line-shift,0));transform-origin:0;border-top:2px dashed #6ea7c961;border-radius:50%;position:absolute;left:calc(50% + 24px)}.growth-stage:not(:last-child):after{content:"";top:var(--arrow-top,17px);left:calc(100% + var(--arrow-x,0px));width:11px;height:11px;transform:rotate(var(--arrow-rotate,39deg));transform-origin:50%;border-top:2px solid #6ea7c980;border-right:2px solid #6ea7c980;border-radius:1px;position:absolute}.growth-marker{z-index:2;-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12);width:50px;height:50px;transform:translateY(var(--marker-y,0));background:radial-gradient(circle at 30% 18%,#fffffff5,#0000 28%),linear-gradient(145deg,#ffffffd1,#ffffff75);border:1px solid #ffffffeb;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #ffffffeb,inset 0 -8px 16px #6ea7c914,0 14px 30px #2f679921}.growth-marker span{color:#1f62bd;font-family:var(--font-english-serif);font-size:23px;font-weight:700;line-height:1}.growth-character{justify-content:center;align-items:flex-end;width:100%;min-width:0;display:flex;overflow:hidden}.growth-character img{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 12px 16px #2f67991f);max-width:190%;height:clamp(190px,20vw,305px);display:block}.growth-stage:first-child .growth-character img{height:clamp(148px,15.4vw,232px)}.growth-stage:first-child{--marker-y:24px;--line-top:43px;--arrow-top:30px;--line-rotate:-8deg;--arrow-rotate:31deg;--arrow-x:-1px}.growth-stage:nth-child(2) .growth-character img{height:clamp(170px,17.6vw,266px)}.growth-stage:nth-child(2){--marker-y:7px;--line-top:29px;--arrow-top:20px;--line-rotate:-4deg;--arrow-rotate:35deg;--arrow-x:-1px}.growth-stage:nth-child(3) .growth-character img{height:clamp(192px,19vw,288px)}.growth-stage:nth-child(3){--marker-y:1px;--line-top:21px;--arrow-top:15px;--line-rotate:-2deg;--arrow-rotate:43deg}.growth-stage:nth-child(4) .growth-character img{height:clamp(204px,20vw,302px)}.growth-stage:nth-child(4){--marker-y:-4px;--line-top:16px;--arrow-top:10px;--line-rotate:0deg;--arrow-rotate:45deg}.growth-stage:nth-child(5) .growth-character img{height:clamp(214px,20.8vw,316px)}.growth-stage:nth-child(5){--marker-y:-7px;--line-top:13px;--arrow-top:7px;--line-rotate:-1deg;--arrow-rotate:43deg}.growth-stage:nth-child(6) .growth-character img{height:clamp(224px,21.4vw,326px)}.growth-stage:nth-child(6){--marker-y:-11px;--line-top:9px;--arrow-top:3px;--line-rotate:-2deg;--arrow-rotate:41deg}.growth-stage:nth-child(7) .growth-character img{height:clamp(236px,22vw,338px)}.growth-stage:nth-child(7){--marker-y:-16px;--line-top:5px;--arrow-top:-1px;--line-rotate:-3deg;--arrow-rotate:40deg}.growth-stage:nth-child(8) .growth-character img{height:clamp(244px,22vw,332px)}.growth-stage:nth-child(8){--marker-y:-20px;--line-top:2px;--arrow-top:-4px;--line-rotate:0deg;--arrow-rotate:45deg;--arrow-x:-1px}.growth-stage:nth-child(9) .growth-character img{max-width:190%;height:clamp(244px,22vw,332px);transform:none}.growth-stage:nth-child(9){--marker-y:-20px}.growth-stage h3{color:#1f62bd;min-width:min(96px,100%);font-family:var(--font-brand);letter-spacing:.08em;-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);background:linear-gradient(#ffffff61,#0000 48%),linear-gradient(145deg,#ffffffc2,#ffffff6b);border:1px solid #ffffffd6;border-radius:12px;margin:0;padding:6px 16px 7px;font-size:clamp(14px,1.05vw,19px);font-weight:700;line-height:1.2;box-shadow:inset 0 1px #ffffffe6,inset 0 -7px 14px #6ea7c912,0 12px 26px #2f67991c}.growth-stage p{max-width:13.8em;min-height:4.44em;color:var(--island-text-deep);font-family:var(--font-ui);letter-spacing:.02em;align-content:start;gap:1px;margin:10px auto 0;font-size:clamp(11px,.72vw,13px);font-weight:700;line-height:1.48;display:grid}.growth-stage p span{white-space:nowrap;display:block}@media (width<=1180px){.growth-section{padding-left:18px;padding-right:18px;overflow-x:auto}.growth-panel{min-width:1120px}}@media (width<=820px){.growth-section{min-height:auto;padding-top:24px}.growth-panel{min-height:760px;padding:34px 28px 44px}.growth-heading h2{font-size:42px}.growth-heading p{font-size:19px}}.join-shell .island-card h3,.join-shell .island-card p,.join-shell .audience-grid .island-card h3,.join-shell .audience-grid .island-card p,.join-shell .outcome-grid .island-card h3,.join-shell .outcome-grid .island-card p,.join-shell .offer-copy p,.join-shell .offer-highlights,.join-shell .final-line span,.join-shell .final-line strong{color:#4a5c78}.join-shell .outcome-grid .island-card h3{color:#3f86b8}.join-shell .audience-grid>.island-card:first-child img{align-self:start;margin-top:-16px}.join-shell .offer-band{grid-template-columns:auto minmax(180px,auto) minmax(230px,.88fr) auto;gap:clamp(10px,1.25vw,22px)}.join-shell .offer-badge{color:#4a5c78;justify-self:end;margin-top:0;margin-right:-6px;transform:rotate(-6deg)translateY(-5px)}.join-shell .price-block .original-price{color:#4a5c788f;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration:line-through #4a5c7894;text-decoration:line-through #4a5c7894;text-decoration-thickness:2px}.join-shell .offer-band .button--rose,.join-shell .final-line .button{isolation:isolate;color:#fff;background:linear-gradient(135deg,#296799fa,#509bcbf0 54%,#265d8afa),#2f6799;border:1px solid #ffffffc7;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff70,0 16px 32px #2f679942}.join-shell .offer-band .button--rose:after,.join-shell .final-line .button:after{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(120deg,#ffffff57,#0000 38%,#ffffff2e 72%,#0000);position:absolute;inset:1px}.join-shell .offer-band .button--rose:hover,.join-shell .final-line .button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff7a,0 20px 42px #2f679952}.join-shell .final-line{overflow:hidden}.join-shell .final-line:before{content:none}.join-shell .final-line>*{z-index:1;position:relative}.join-shell .final-line .button{min-width:clamp(220px,18vw,320px);height:clamp(54px,4.3vw,68px)}.join-shell .offer-badge{color:#f08aa1}.join-shell .offer-highlights{color:#3f86b8}.join-shell .offer-band .button--rose{color:#fff;text-shadow:0 1px 6px #972b4e38;background:linear-gradient(#ffffff5c,#0000 46%),linear-gradient(135deg,#ff9db6 0%,#f76b91 52%,#e95480 100%);border-color:#ffffffeb;min-width:clamp(198px,15vw,252px);box-shadow:inset 0 1px #ffffff9e,inset 0 -7px 14px #c4386333,0 16px 32px #e3688947}.join-shell .offer-band .button--rose:after{content:"✦";z-index:auto;color:#fff4c8;background:0 0;border-radius:0;margin-left:8px;font-size:.95em;line-height:1;position:relative;inset:auto}.join-shell .offer-band .button--rose:hover{box-shadow:inset 0 1px #ffffffad,inset 0 -7px 14px #c4386333,0 20px 42px #e3688957}.join-shell h3{color:#3f86b8}.join-shell p{color:#5e7f9e}.join-shell .consensus-grid .island-card h3,.join-shell .stuck-grid .island-card h3,.join-shell .process-grid .island-card h3,.join-shell .benefits-grid .island-card h3,.join-shell .audience-grid .island-card h3,.join-shell .outcome-grid .island-card h3{color:#3f86b8}.join-shell .consensus-grid .island-card p,.join-shell .stuck-grid .island-card p,.join-shell .process-grid .island-card p,.join-shell .benefits-grid .island-card p,.join-shell .audience-grid .island-card p,.join-shell .outcome-grid .island-card p,.join-shell .offer-copy p,.join-shell .join-landing-copy p{color:#5e7f9e}.join-shell .offer-copy p{color:#3f86b8}.join-shell .final-line .button{color:#fff;text-shadow:0 1px 6px #972b4e38;background:linear-gradient(#ffffff5c,#0000 46%),linear-gradient(135deg,#ff9db6 0%,#f76b91 52%,#e95480 100%);border-color:#ffffffeb;min-width:clamp(230px,19vw,330px);height:clamp(58px,4.8vw,74px);box-shadow:inset 0 1px #ffffff9e,inset 0 -7px 14px #c4386333,0 16px 32px #e3688947}.join-shell .final-line .button:after{content:"✦";z-index:auto;color:#fff4c8;background:0 0;border-radius:0;margin-left:8px;font-size:.95em;line-height:1;position:relative;inset:auto}.join-shell .final-line .button:hover{box-shadow:inset 0 1px #ffffffad,inset 0 -7px 14px #c4386333,0 20px 42px #e3688957}.join-shell .outcome-grid .island-card:nth-child(3) img{object-fit:cover;object-position:center;border-radius:50%;width:clamp(170px,12vw,220px);height:clamp(170px,12vw,220px);transform:scale(1.08)}.join-shell .offer-scenery{opacity:1;background:linear-gradient(90deg,#ffffff05 0%,#ffffff2e 44%,#ffffff0a 100%),url(/assets/join/offer-bg.png) 50%/100% 100% no-repeat}.join-shell .final-line span,.join-shell .final-line strong{color:#2066b2;font-size:clamp(40px,4.2vw,58px)}.join-shell .final-line .button{min-width:clamp(210px,16vw,292px);height:clamp(50px,3.9vw,62px);padding-inline:clamp(28px,2.8vw,46px)}.join-shell .final-line{background:url(/assets/join/offer-bg.png) 50% 48%/116% 168% no-repeat;border:1px solid #ffffffc2;border-radius:clamp(42px,5vw,92px);margin-bottom:0;padding-top:36px;padding-bottom:34px}.join-shell .join-hero--join{background:0 0}.join-shell .join-hero--join .join-hero__media{transform:none}.join-shell .offer-band{background:0 0}.join-shell .offer-scenery{border-radius:inherit;opacity:1;transform-origin:50%;background:url(/assets/join/offer-bg.png) 50%/cover no-repeat;inset:0;transform:scale(1.06)}.join-shell .offer-band:after{content:none}.join-shell .join-cta--yellow,.join-shell .offer-band .join-cta--yellow,.join-shell .final-line .join-cta--yellow{background:linear-gradient(180deg, #ffffff57, transparent 46%), linear-gradient(180deg, var(--join-dress-yellow-light) 0%, var(--join-dress-yellow) 48%, var(--join-dress-yellow-deep) 100%);color:#315f86;text-shadow:0 1px #ffffff75;border-color:#ffffffeb;box-shadow:inset 0 1px #ffffffa8,inset 0 -7px 14px #ca8b1433,0 16px 34px #bc882447}.join-shell .join-cta--yellow:hover,.join-shell .offer-band .join-cta--yellow:hover,.join-shell .final-line .join-cta--yellow:hover{box-shadow:inset 0 1px #ffffffb8,inset 0 -7px 14px #ca8b1433,0 20px 42px #bc882457}.join-shell .join-cta--yellow,.join-shell .offer-band .button--rose.join-cta--yellow,.join-shell .final-line .button.join-cta--yellow{isolation:isolate;color:#fff;min-width:0;font-family:var(--font-brand);letter-spacing:.045em;text-shadow:0 1px #ffffff3d,0 2px 10px #1965d35c;white-space:nowrap;-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:radial-gradient(at 12% 18%,#ffffff94 0%,#ffffff3d 10%,#0000 24%),linear-gradient(#ffffffa8 0%,#ffffff38 18%,#fff0 42%),linear-gradient(#7cc8ff 0%,#3ea7ff 42%,#1e82ff 72%,#1670ee 100%);border:1px solid #ffffffd6;border-radius:999px;justify-content:center;align-items:center;padding:0 clamp(34px,4vw,58px);font-size:clamp(20px,2.05vw,28px);font-weight:700;line-height:1;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #ffffffb3,inset 0 -9px 18px #0a4fc638,0 4px 10px #1a5eb824,0 20px 42px #2377dc2e}.join-shell .offer-band .button--rose.join-cta--yellow{width:clamp(250px,23.4vw,297px);height:clamp(58px,5.6vw,72px);padding-inline:clamp(30px,3vw,44px);font-size:clamp(18px,1.72vw,24px)}.join-shell .final-line .button.join-cta--yellow{letter-spacing:.045em;width:clamp(225px,21.06vw,267px);height:clamp(52px,5.04vw,65px);margin-top:clamp(12px,1.6vw,22px);padding-inline:clamp(27px,2.7vw,40px);font-size:clamp(16px,1.55vw,22px);box-shadow:inset 0 1px 2px #ffffffb8,inset 0 -7px 15px #0a4fc633,0 3px 8px #1a5eb824,0 16px 34px #2377dc2e}.join-shell .offer-band .join-cta--yellow:before,.join-shell .final-line .join-cta--yellow:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff8a,#ffffff0a);height:36%;position:absolute;inset:8px 18px auto}.join-shell .offer-band .join-cta--yellow:after,.join-shell .final-line .join-cta--yellow:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8a,#0000);width:38%;transition:transform .56s cubic-bezier(.22,.9,.3,1);position:absolute;top:-30%;bottom:-30%;left:-48%;transform:translate(-140%)skew(-18deg)}.join-shell .join-cta--yellow:hover,.join-shell .offer-band .button--rose.join-cta--yellow:hover,.join-shell .final-line .button.join-cta--yellow:hover{box-shadow:inset 0 2px 3px #ffffffbd,inset 0 -8px 18px #0a4fc63d,0 4px 10px #1a5eb829,0 22px 42px #2377dc38}.join-hero-payment-button.cta-interactive,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive,.join-shell .final-line .button.join-cta--yellow.cta-interactive{--cta-lift:0px;--cta-press-scale:1;isolation:isolate;transition:transform .22s cubic-bezier(.22,.9,.3,1),box-shadow .22s,filter .22s;overflow:hidden}.join-hero-payment-button.cta-interactive{transform:translate(var(--join-edit-x), calc(var(--join-edit-y) + var(--cta-lift))) scale(var(--join-edit-scale)) scale(var(--cta-press-scale));box-shadow:inset 0 1px 2px #ffffffb3,inset 0 -8px 16px #0d48a433,0 4px 10px #206cc724,0 18px 38px #206cc733}.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive,.join-shell .final-line .button.join-cta--yellow.cta-interactive{transform:translateY(var(--cta-lift)) scale(var(--cta-press-scale))}.cta-interactive .cta-label,.cta-interactive .cta-sparkle{z-index:3;position:relative}.join-shell .final-line .button .cta-label,.join-shell .final-line .button .cta-sparkle{color:inherit;font:inherit;line-height:inherit}.cta-interactive .cta-sparkle{transform-origin:50%;margin-left:.45em;transition:transform .28s cubic-bezier(.22,.9,.3,1),filter .28s;display:inline-block}.join-hero-payment-button.cta-interactive:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8a,#0000);width:38%;transition:transform .56s cubic-bezier(.22,.9,.3,1);position:absolute;top:-30%;bottom:-30%;left:-48%;transform:translate(-140%)skew(-18deg)}.join-hero-payment-button.cta-interactive:hover,.join-hero-payment-button.cta-interactive:focus-visible,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:hover,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:focus-visible,.join-shell .final-line .button.join-cta--yellow.cta-interactive:hover,.join-shell .final-line .button.join-cta--yellow.cta-interactive:focus-visible{--cta-lift:-3px;filter:saturate(1.05)brightness(1.03)}.join-hero-payment-button.cta-interactive:active,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:active,.join-shell .final-line .button.join-cta--yellow.cta-interactive:active{--cta-lift:0px;--cta-press-scale:.975}.join-hero-payment-button.cta-interactive:focus-visible,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:focus-visible,.join-shell .final-line .button.join-cta--yellow.cta-interactive:focus-visible{outline-offset:4px;outline:3px solid #fffffff0}.join-hero-payment-button.cta-interactive:hover:after,.join-hero-payment-button.cta-interactive:focus-visible:after,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:hover:after,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:focus-visible:after,.join-shell .final-line .button.join-cta--yellow.cta-interactive:hover:after,.join-shell .final-line .button.join-cta--yellow.cta-interactive:focus-visible:after{transform:translate(430%)skew(-18deg)}.join-hero-payment-button.cta-interactive:hover .cta-sparkle,.join-hero-payment-button.cta-interactive:focus-visible .cta-sparkle,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:hover .cta-sparkle,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:focus-visible .cta-sparkle,.join-shell .final-line .button.join-cta--yellow.cta-interactive:hover .cta-sparkle,.join-shell .final-line .button.join-cta--yellow.cta-interactive:focus-visible .cta-sparkle{filter:drop-shadow(0 0 7px #ffffffc7);transform:rotate(18deg)scale(1.18)}@media (prefers-reduced-motion:reduce){.join-hero-payment-button.cta-interactive,.join-hero-payment-button.cta-interactive:hover,.join-hero-payment-button.cta-interactive:focus-visible,.join-hero-payment-button.cta-interactive:active,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:hover,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:focus-visible,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:active,.join-shell .final-line .button.join-cta--yellow.cta-interactive,.join-shell .final-line .button.join-cta--yellow.cta-interactive:hover,.join-shell .final-line .button.join-cta--yellow.cta-interactive:focus-visible,.join-shell .final-line .button.join-cta--yellow.cta-interactive:active{--cta-lift:0px;--cta-press-scale:1;transition:none}.join-hero-payment-button.cta-interactive:after,.join-hero-payment-button.cta-interactive:hover:after,.join-hero-payment-button.cta-interactive:focus-visible:after,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:after,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:hover:after,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:focus-visible:after,.join-shell .final-line .button.join-cta--yellow.cta-interactive:after,.join-shell .final-line .button.join-cta--yellow.cta-interactive:hover:after,.join-shell .final-line .button.join-cta--yellow.cta-interactive:focus-visible:after{transition:none;transform:translate(-140%)skew(-18deg)}.join-hero-payment-button.cta-interactive .cta-sparkle,.join-hero-payment-button.cta-interactive:hover .cta-sparkle,.join-hero-payment-button.cta-interactive:focus-visible .cta-sparkle,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive .cta-sparkle,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:hover .cta-sparkle,.join-shell .offer-band .button--rose.join-cta--yellow.cta-interactive:focus-visible .cta-sparkle,.join-shell .final-line .button.join-cta--yellow.cta-interactive .cta-sparkle,.join-shell .final-line .button.join-cta--yellow.cta-interactive:hover .cta-sparkle,.join-shell .final-line .button.join-cta--yellow.cta-interactive:focus-visible .cta-sparkle{transition:none;transform:none}}@media (width<=680px){.join-shell .offer-band .button--rose.join-cta--yellow{width:min(100%,330px)}.join-shell .final-line .button.join-cta--yellow{width:min(100%,267px)}}.articles-page{background:linear-gradient(#dff5ffe6,#f8fbf2f5 58%,#fff2c86b),url(/assets/home/writing-reader-bg.png) top/cover no-repeat fixed;min-height:100vh;padding-top:118px}.articles-page .works-nav{top:24px}.articles-hero,.articles-library,.moments-sample-section{width:min(1120px,100% - 36px);margin:0 auto}.articles-hero{-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#ffffff94;border:1px solid #ffffffdb;border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:end;gap:clamp(18px,3vw,42px);padding:clamp(28px,4vw,46px);display:grid;box-shadow:0 18px 44px #2f679921}.articles-hero__copy span,.moments-sample-section__heading span{width:fit-content;min-height:30px;color:var(--island-button-label);background:#ffffff8f;border:1px solid #6ea7c92e;border-radius:999px;align-items:center;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.articles-hero h1{color:var(--island-title-deep);font-family:var(--font-brand);letter-spacing:0;margin:14px 0 0;font-size:clamp(44px,5vw,72px);line-height:1.06}.articles-hero p{max-width:620px;color:var(--island-text);margin:18px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.8}.articles-toolbar{gap:12px;display:grid}.articles-search,.articles-toolbar select{min-height:46px;color:var(--island-text-deep);background:#ffffff9e;border:1px solid #ffffffdb;border-radius:999px;box-shadow:inset 0 1px #ffffffb8}.articles-search{align-items:center;gap:10px;padding:0 16px;display:flex}.articles-search svg{width:18px;color:var(--island-title)}.articles-search input,.articles-toolbar select{width:100%;color:inherit;font:inherit;background:0 0;border:0;outline:0}.articles-toolbar select{padding:0 16px}.articles-library{margin-top:26px}.article-sample-card,.moment-sample-card{-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#fff9;border:1px solid #ffffffdb;border-radius:28px;overflow:hidden;box-shadow:0 18px 44px #2f67991f}.article-sample-card{grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);display:grid}.article-sample-card__cover{object-fit:cover;background:var(--island-pale-blue);width:100%;height:100%;min-height:360px}.article-sample-card__body{flex-direction:column;justify-content:center;min-width:0;padding:clamp(26px,4vw,46px);display:flex}.article-sample-card__meta,.article-reader__meta{color:var(--island-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.article-sample-card__meta span,.article-sample-card__meta time,.article-reader__meta span,.article-reader__meta time,.article-reader__meta a{background:#ffffff9e;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;display:inline-flex}.article-sample-card h2{color:var(--island-title-deep);font-family:var(--font-brand);letter-spacing:0;margin:18px 0 0;font-size:clamp(28px,3vw,42px);line-height:1.16}.article-sample-card p{color:var(--island-text);margin:16px 0 0;font-size:17px;line-height:1.78}.article-sample-card__tags,.moment-sample-card__tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.article-sample-card__tags span,.moment-sample-card__tags span{color:var(--island-button-label);background:#dff5ff9e;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}.content-card-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.content-card-actions button,.content-card-actions a,.content-editor__actions button{min-height:40px;color:var(--island-button-label);font:inherit;cursor:pointer;background:#ffffffa3;border:1px solid #ffffffdb;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex;box-shadow:0 10px 24px #2f67991a}.content-card-actions button:hover,.content-card-actions a:hover,.content-editor__actions button:hover{background:#ffffffc7;transform:translateY(-2px);box-shadow:0 13px 28px #2f67991f}.content-card-actions svg{width:16px;height:16px}.moments-sample-section{margin-top:28px;padding-bottom:64px}.moments-sample-section__heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.moments-sample-section__heading h2{color:var(--island-title-deep);font-family:var(--font-brand);letter-spacing:0;margin:0;font-size:clamp(32px,3vw,46px)}.moment-sample-card{padding:clamp(22px,3vw,34px)}.moment-sample-card__header{align-items:center;gap:12px;display:flex}.moment-sample-card__header img{border-radius:50%;width:46px;height:46px;box-shadow:0 8px 18px #2f67991f}.moment-sample-card__header div{gap:3px;display:grid}.moment-sample-card__header strong{color:var(--island-text-deep);font-size:16px}.moment-sample-card__header time,.moment-sample-card__header>span{color:var(--island-muted);font-size:13px}.moment-sample-card__header>span{background:#ffffff9e;border-radius:999px;margin-left:auto;padding:5px 10px}.moment-sample-card p{white-space:pre-wrap;color:var(--island-text-deep);margin:18px 0 0;font-size:16px;line-height:1.82}.article-reader-backdrop,.content-editor-backdrop{z-index:150;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#dff5ffb8;place-items:start center;padding:clamp(18px,4vw,46px);display:grid;position:fixed;inset:0;overflow-y:auto}.article-reader,.content-editor{background:#ffffffc7;border:1px solid #ffffffdb;border-radius:28px;width:min(880px,100%);position:relative;box-shadow:0 22px 58px #2f679929}.article-reader{padding:clamp(28px,5vw,58px)}.article-reader__close,.content-editor__heading button{width:42px;height:42px;color:var(--island-button-label);cursor:pointer;background:#ffffffb8;border:1px solid #ffffffdb;border-radius:50%;place-items:center;display:inline-grid;position:absolute;top:18px;right:18px}.article-reader header>span{color:var(--island-button-label);font-size:14px;font-weight:700}.article-reader h2{max-width:720px;color:var(--island-title-deep);font-family:var(--font-brand);letter-spacing:0;margin:12px 0 0;font-size:clamp(34px,4vw,58px);line-height:1.16}.article-reader header p{color:var(--island-text);margin:16px 0;font-size:17px;line-height:1.8}.article-reader__image{object-fit:cover;border-radius:20px;width:100%;max-height:560px;margin:28px 0;display:block}.article-reader__body{color:var(--island-text-deep);font-size:clamp(16px,1.35vw,19px);line-height:1.9}.content-editor{padding:28px}.content-editor__heading{padding-right:56px}.content-editor__heading h2{color:var(--island-title-deep);font-family:var(--font-brand);margin:0 0 18px;font-size:34px}.content-editor__error{color:#9a3c3c;background:#fff4f0d1;border:1px solid #d1535338;border-radius:14px;margin:-6px 0 18px;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.55}.content-editor label,.content-editor__field{color:var(--island-text-deep);gap:8px;margin-top:14px;font-weight:700;display:grid}.content-editor input,.content-editor textarea,.content-editor select{width:100%;color:var(--island-text-deep);font:inherit;background:#ffffffb8;border:1px solid #6ea7c92e;border-radius:18px;outline:0;padding:12px 14px;line-height:1.7}.content-editor textarea{resize:vertical}.content-editor__media{background:#ffffff75;border:1px solid #6ea7c929;border-radius:22px;gap:12px;margin:18px 0;padding:16px;display:grid}.content-editor__section-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;display:flex}.content-editor__section-title h3{color:var(--island-title-deep);margin:0;font-size:18px}.content-editor__section-title span{color:var(--island-muted);font-size:13px;font-weight:650}.content-editor__cover-preview,.content-editor__cover-placeholder{background:#dff5ffb8;border-radius:18px;width:100%;overflow:hidden}.content-editor__cover-preview{object-fit:cover;max-height:260px;display:block}.content-editor__cover-placeholder{min-height:150px;color:var(--island-muted);place-items:center;gap:12px;font-weight:750;display:grid}.content-editor__inline-actions{flex-wrap:wrap;gap:8px;display:flex}.content-editor__inline-actions button{min-height:34px;color:var(--island-button-label);font:inherit;cursor:pointer;background:#ffffffb3;border:1px solid #6ea7c92e;border-radius:999px;padding:0 12px;font-size:13px;font-weight:750}.content-editor__recovered-covers{background:#ffffff7a;border:1px solid #6ea7c929;border-radius:18px;gap:12px;padding:12px;display:grid}.content-editor__recovered-cover-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:308px;padding-right:4px;display:grid;overflow:auto}.content-editor__recovered-cover-grid button{min-width:0;color:var(--island-button-label);cursor:pointer;text-align:left;background:#ffffffb3;border:1px solid #6ea7c929;border-radius:14px;gap:6px;padding:6px;display:grid}.content-editor__recovered-cover-grid button.is-active{border-color:#f2a47fc7;box-shadow:0 0 0 2px #f2a47f33}.content-editor__recovered-cover-grid img{aspect-ratio:16/9;object-fit:cover;background:#dff5ff85;border-radius:10px;width:100%}.content-editor__recovered-cover-grid span{color:var(--island-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;line-height:1.35;overflow:hidden}.content-editor__image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.content-editor__image-grid figure{gap:8px;min-width:0;margin:0;display:grid}.content-editor__image-grid img{aspect-ratio:4/3;object-fit:cover;background:#dff5ff85;border:1px solid #ffffffb8;border-radius:14px;width:100%}.content-editor__image-grid figcaption{color:var(--island-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.content-editor__image-grid button,.content-editor__toolbar button,.content-editor__add-image button,.content-editor__upload-button{min-height:32px;color:var(--island-button-label);font:inherit;cursor:pointer;background:#ffffffb8;border:1px solid #6ea7c92e;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.content-editor__upload-button input{display:none}.content-editor__upload-button--compact{width:100%}.content-editor__add-image{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.content-editor__toolbar{flex-wrap:wrap;gap:8px;display:flex}.content-editor__avatar-preview{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;display:grid}.content-editor__avatar-preview img{object-fit:cover;border-radius:50%;width:64px;height:64px;box-shadow:0 10px 22px #2f679921}.content-editor__actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.content-editor__actions button:last-child{color:var(--island-title-deep);background:#6ea7c938}@media (width<=820px){.articles-page{padding-top:96px}.articles-hero,.article-sample-card{grid-template-columns:1fr}.article-sample-card__cover{min-height:260px;max-height:360px}.moments-sample-section__heading{flex-direction:column-reverse;align-items:start}}.articles-app{color:#334155;min-height:100vh;font-family:var(--font-ui);background:linear-gradient(135deg,#f8fbf2f5 0%,#dff5ffeb 42%,#fff2c89e 100%),url(/assets/home/writing-reader-bg.png) 50%/cover no-repeat;overflow:hidden}.articles-app .articles-page-nav{width:auto;margin:0 clamp(20px,5.7vw,96px);padding:clamp(20px,2vw,30px) 0 0}.articles-app:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff94,#ffffff24 38%,#6ea7c924 100%),linear-gradient(#ffffff2e,#f8fbf28f);position:fixed;inset:0}.articles-app__shell{z-index:1;gap:24px;width:min(1600px,100%);height:calc(100vh - 96px);margin:18px auto 0;padding:16px;display:flex;position:relative}.articles-sidebar,.articles-workspace__scroll,.library-book-strip button,.library-rail section,.moments-composer,.moments-filter-row button,.moments-profile-card,.knowledge-grid article{-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#fff9;border:1px solid #ffffffd1;box-shadow:0 18px 42px #2f67991f}.articles-sidebar{border-radius:28px;flex-direction:column;flex:0 0 256px;width:256px;padding:18px;display:flex}.articles-sidebar__back{color:#5e7f9e;background:#ffffff8a;border:1px solid #ffffffc7;border-radius:999px;align-items:center;gap:7px;width:fit-content;min-height:36px;padding:0 13px;font-size:13px;font-weight:700;display:inline-flex}.articles-sidebar__back svg,.articles-sidebar__logo svg,.articles-sidebar__nav svg,.articles-sidebar__note svg,.library-book-strip svg,.library-rail__banner svg,.moments-composer svg{width:18px;height:18px}.articles-sidebar__brand{border-bottom:1px solid #6ea7c924;align-items:center;gap:12px;margin-top:26px;padding:10px 8px 22px;display:flex}.articles-sidebar__logo{color:#fff;background:linear-gradient(#ffffff80,#0000 46%),linear-gradient(135deg,#6ea7c9db,#2f6799db);border-radius:18px;place-items:center;width:48px;height:48px;display:inline-grid;box-shadow:0 14px 28px #2f679929}.articles-sidebar__brand p,.library-header span,.moments-view__header span{color:#6ea7c9;letter-spacing:.14em;margin:0;font-size:11px;font-weight:800}.articles-sidebar__brand h2{color:#2f6799;font-family:var(--font-brand);letter-spacing:0;margin:4px 0 0;font-size:27px;line-height:1}.articles-sidebar__nav{gap:9px;margin-top:22px;display:grid}.articles-sidebar__nav button{color:#5e7f9e;min-height:48px;font:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:18px;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:0 13px;font-size:15px;font-weight:800;transition:transform .18s,box-shadow .18s,background-color .18s;display:grid}.articles-sidebar__nav button small{color:#5e7f9e9e;font-size:11px;font-weight:800}.articles-sidebar__nav button:hover,.articles-sidebar__nav button.is-active{color:#2f6799;background:#ffffffb8;border-color:#ffffffd6;transform:translateY(-2px);box-shadow:0 14px 28px #2f67991c}.articles-sidebar__note{color:#5e7f9e;background:#dff5ff75;border-radius:22px;gap:10px;margin-top:auto;padding:14px;display:grid}.articles-sidebar__note p{margin:0;font-size:13px;font-weight:700;line-height:1.65}.articles-workspace{flex:1;min-width:0}.articles-workspace__scroll{scrollbar-width:thin;scrollbar-color:#6ea7c961 transparent;border-radius:34px;height:100%;padding:clamp(24px,3vw,40px);overflow-y:auto}.library-header,.moments-view__header{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.library-header h1,.moments-view__header h1{color:#2f6799;font-family:var(--font-brand);letter-spacing:0;margin:8px 0 0;font-size:clamp(44px,4.8vw,72px);line-height:1.02}.library-header p,.moments-view__header p{color:#5e7f9e;max-width:660px;margin:14px 0 0;font-size:16px;font-weight:650;line-height:1.75}.library-header__stat{color:#5e7f9e;background:#ffffff8a;border-radius:24px;justify-items:end;gap:2px;min-width:190px;padding:16px 18px;display:grid}.library-header__stat strong{color:#2f6799;font-family:var(--font-brand);font-size:44px;line-height:1}.library-header__stat span,.library-header__stat small{font-weight:800}.library-header__stat small{color:#5e7f9eb8;font-size:12px}.library-top-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.articles-app .library-top-tools .library-search{width:min(360px,100%);min-height:46px;padding:0 16px}.library-sort-toggle{background:#ffffff94;border:1px solid #ffffffc7;border-radius:999px;gap:4px;padding:5px;display:inline-flex;box-shadow:0 10px 26px #2f679914}.library-sort-toggle button{color:#64748b;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:800;transition:background-color .18s,color .18s,box-shadow .18s;display:inline-flex}.library-sort-toggle button[aria-pressed=true]{color:#2563eb;background:#eff6ffeb;box-shadow:0 8px 18px #93c5fd2e}.library-sort-toggle svg{width:15px;height:15px}.library-controls{z-index:5;-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:#ffffff8a;border:1px solid #ffffffbd;border-radius:999px;grid-template-columns:minmax(260px,1fr) 160px 180px;gap:12px;margin-top:26px;padding:10px;display:grid;position:sticky;top:-40px}.articles-app .articles-search,.library-controls select{color:#4a6f8f;background:#ffffffa8;border:1px solid #ffffffd1;border-radius:999px;min-height:46px}.library-controls select{font:inherit;padding:0 16px;font-size:14px;font-weight:750}.library-book-strip{grid-template-columns:repeat(5,minmax(132px,1fr));gap:14px;margin-top:24px;padding:12px 0 18px;display:grid}.library-book-strip button{color:#2f6799;min-height:144px;font:inherit;cursor:pointer;text-align:left;border-radius:22px;padding:18px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.library-book-strip button:before{content:"";background:linear-gradient(160deg,#fff2c8b8,#dff5ff52 52%,#f2a47f3d),linear-gradient(90deg,#2f679914,#0000 30%);position:absolute;inset:0}.library-book-strip button>*{z-index:1;position:relative}.library-book-strip button svg{color:#f2a47f}.library-book-strip button span,.library-book-strip button small{display:block}.library-book-strip button span{color:#2f6799;margin-top:34px;font-size:17px;font-weight:850}.library-book-strip button small{color:#5e7f9e;margin-top:4px;font-size:12px;font-weight:800}.library-book-strip button:hover,.library-book-strip button.is-active{transform:translateY(-3px);box-shadow:0 22px 42px #2f679924}.library-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;margin-top:26px;display:grid}.library-main{gap:18px;display:grid}.articles-app .article-sample-card{border-radius:26px}.articles-app .library-article-card{grid-template-columns:minmax(230px,.58fr) minmax(0,1fr);min-height:324px;display:grid}.articles-app .article-sample-card__cover{min-height:324px}.articles-app .article-sample-card__body{justify-content:space-between;padding:clamp(24px,3vw,36px)}.articles-app .article-sample-card h2{font-size:clamp(28px,3vw,42px)}.library-rail{gap:18px;display:grid;position:sticky;top:18px}.library-rail section{border-radius:26px;padding:20px}.library-rail h2{color:#2f6799;font-family:var(--font-brand);letter-spacing:0;margin:0 0 14px;font-size:24px}.library-hot-tags{flex-wrap:wrap;gap:8px;display:flex}.library-hot-tags button,.moments-filter-row button{color:#5e7f9e;min-height:34px;font:inherit;cursor:pointer;background:#ffffff8a;border:1px solid #ffffffc7;border-radius:999px;padding:0 12px;font-size:13px;font-weight:800}.library-rail__banner{color:#5e7f9e}.library-rail__banner p{margin:0;font-size:14px;font-weight:700;line-height:1.7}.library-empty{color:#5e7f9e;text-align:center;background:#ffffff70;border:1px dashed #6ea7c95c;border-radius:26px;place-items:center;min-height:240px;padding:28px;display:grid}.library-empty svg{color:#6ea7c9;width:28px;height:28px}.library-empty p{max-width:360px;margin:12px 0 0;font-weight:750;line-height:1.7}.moments-view__header{align-items:stretch}.moments-profile-card{color:#5e7f9e;border-radius:28px;align-content:center;justify-items:center;min-width:188px;padding:18px;display:grid}.moments-profile-card img{border-radius:50%;width:58px;height:58px;box-shadow:0 12px 24px #2f679921}.moments-profile-card strong{color:#2f6799;margin-top:9px;font-size:17px}.moments-profile-card span{margin-top:3px;font-size:13px;font-weight:800}.moments-composer{border-radius:28px;justify-content:space-between;align-items:center;gap:18px;margin-top:26px;padding:18px;display:flex}.moments-composer div{align-items:center;gap:12px;min-width:0;display:flex}.moments-composer p{color:#5e7f9e;margin:0;font-size:15px;font-weight:750}.moments-composer button{color:#2f6799;min-height:42px;font:inherit;background:#6ea7c92e;border:1px solid #ffffffd1;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 15px;font-size:14px;font-weight:850;display:inline-flex}.moments-filter-row{border-radius:999px;flex-wrap:wrap;gap:9px;margin-top:18px;padding:10px;display:flex}.moments-filter-row button.is-active{color:#2f6799;background:#6ea7c933}.moments-timeline{gap:18px;max-width:820px;margin-top:22px;display:grid}.articles-app .moment-sample-card{border-radius:26px;padding:clamp(22px,3vw,34px)}.articles-app .moment-sample-card p{color:#334155}.knowledge-preview .library-header{margin-bottom:28px}.knowledge-system-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);align-items:start;gap:22px;display:grid}.knowledge-theme-panel,.knowledge-tag-cloud,.knowledge-path-card{-webkit-backdrop-filter:blur(20px)saturate(1.08);backdrop-filter:blur(20px)saturate(1.08);background:#ffffff94;border:1px solid #ffffffc7;border-radius:28px;box-shadow:0 8px 32px #1f26870d,inset 0 0 0 1px #ffffff94}.knowledge-section-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px;display:flex}.knowledge-section-heading h2{color:#2f6799;font-family:var(--font-brand);letter-spacing:0;margin:0;font-size:28px}.knowledge-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.knowledge-theme-card{background:#ffffffa3;border:1px solid #ffffffb8;border-radius:24px;align-content:start;min-height:288px;padding:18px;display:grid}.knowledge-theme-card>button{color:#2f6799;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.knowledge-theme-card>button svg{color:#f2a47f;width:28px;height:28px}.knowledge-theme-card>button span{color:#3b82f6;background:#dff5ffb8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850}.knowledge-theme-card h2{color:#1e293b;letter-spacing:0;margin:16px 0 0;font-size:22px}.knowledge-theme-card p{color:#5e7f9e;margin:10px 0 0;font-weight:750;line-height:1.7}.knowledge-theme-card__tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.knowledge-theme-card__tags button,.knowledge-tag-cloud button{color:#2563eb;font:inherit;cursor:pointer;background:#eff6ffb3;border:1px solid #bfdbfe80;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:750}.knowledge-theme-card ul{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.knowledge-theme-card li button{color:#475569;width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #e2e8f0db;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:9px 0 0;font-size:13px;display:grid}.knowledge-theme-card li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.knowledge-theme-card li time{color:#94a3b8;font-size:12px}.knowledge-side-panel{gap:18px;display:grid;position:sticky;top:18px}.knowledge-tag-cloud>div:last-child{flex-wrap:wrap;gap:9px;display:flex}.knowledge-tag-cloud button{align-items:center;gap:7px;display:inline-flex}.knowledge-tag-cloud small{color:#94a3b8}.knowledge-path-card{gap:12px;display:grid}.knowledge-path-card button{color:#475569;font:inherit;cursor:pointer;text-align:left;background:#ffffff94;border:1px solid #ffffffb8;border-radius:20px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:6px 12px;padding:12px;display:grid}.knowledge-path-card button>span{color:#2563eb;background:#dff5ffc7;border-radius:50%;grid-row:span 2;place-items:center;width:40px;height:40px;font-weight:850;display:grid}.knowledge-path-card strong{color:#1e293b;font-size:15px}.knowledge-path-card small{color:#64748b;line-height:1.55}@media (width<=1100px){.articles-app{overflow:auto}.articles-app__shell{flex-direction:column;height:auto;min-height:100vh}.articles-sidebar{flex:none;width:auto}.articles-sidebar__nav{grid-template-columns:repeat(3,minmax(0,1fr))}.library-layout,.library-controls,.articles-app .library-article-card{grid-template-columns:1fr}.library-book-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.library-rail{position:static}}@media (width<=700px){.articles-app__shell{padding:10px}.articles-sidebar__nav{grid-template-columns:1fr}.library-header,.moments-view__header{flex-direction:column}.library-header__stat,.moments-profile-card{justify-items:start;width:100%}.library-book-strip,.knowledge-grid{grid-template-columns:1fr}.moments-filter-row{border-radius:24px}}.articles-app{background:linear-gradient(180deg, #ffffff24, #ffffff6b 46%, #fffdf7b3), url(/assets/works/page-bg.png) center top / 100% auto repeat-y, var(--island-mist-blue);color:#1e293b;min-width:1200px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:auto}.articles-app:before{opacity:.12;background:linear-gradient(90deg,#ffffff6b,#ffffff1f 40%,#6ea7c914),url("data:image/svg+xml,%3Csvg viewBox=%220 0 200 200%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22noiseFilter%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.65%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23noiseFilter)%22/%3E%3C/svg%3E")}.articles-app__shell{gap:24px;min-width:1200px;max-width:1600px;padding:16px}.articles-sidebar,.articles-workspace__scroll,.library-book-strip button,.library-rail section,.moments-composer,.moments-filter-row,.moments-filter-row button,.moments-profile-card,.knowledge-grid article,.articles-app .article-sample-card,.articles-app .moment-sample-card,.library-header__stat{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff85;border:1px solid #ffffffc7;box-shadow:0 8px 32px #648cb41a,inset 0 0 0 1px #ffffff94}.articles-sidebar,.articles-workspace__scroll{border-radius:24px}.articles-sidebar{flex-basis:256px;width:256px;padding:0;overflow:hidden}.articles-sidebar__back{display:none}.articles-sidebar__brand{border-bottom:0;gap:14px;margin:0;padding:32px 24px 24px}.articles-sidebar__logo{background:#eff6ff;border:2px solid #fff;border-radius:50%;width:48px;height:48px;overflow:hidden;box-shadow:0 6px 16px #94a3b833}.articles-sidebar__logo img{object-fit:cover;width:100%;height:100%}.articles-sidebar__brand h2{color:#1e293b;margin:0;font-family:inherit;font-size:18px;font-weight:800;line-height:1.2}.articles-sidebar__brand p{color:#64748b;letter-spacing:0;margin-top:4px;font-size:12px;font-weight:500}.articles-sidebar__nav{scrollbar-width:none;flex-direction:column;flex:1;gap:8px;margin-top:0;padding:8px 16px;display:flex;overflow-y:auto}.articles-sidebar__nav::-webkit-scrollbar{display:none}.articles-sidebar__nav a,.articles-sidebar__nav button{color:#475569;width:100%;min-height:48px;font:inherit;text-align:left;box-shadow:none;background:0 0;border:0;border-radius:16px;align-items:center;gap:16px;padding:0 20px;font-size:14px;font-weight:500;transition:transform .3s,box-shadow .3s,background-color .3s,color .3s;display:flex}.articles-sidebar__nav a svg,.articles-sidebar__nav button svg{color:#94a3b8;width:20px;height:20px}.articles-sidebar__nav button small{color:#94a3b8;margin-left:auto;font-size:11px;font-weight:500}.articles-sidebar__nav a:hover,.articles-sidebar__nav button:hover{color:#1e293b;background:#ffffff6b;transform:none}.articles-sidebar__nav button.is-active{transform-origin:0;color:#3b82f6;background:#fff;font-weight:650;transform:scale(1.05);box-shadow:0 4px 18px #94a3b829}.articles-sidebar__nav button.is-active svg{color:#3b82f6}.articles-sidebar__user{border-top:1px solid #ffffff6b;align-items:center;gap:12px;margin-top:auto;padding:16px;display:flex}.articles-sidebar__user img{object-fit:cover;border-radius:50%;width:40px;height:40px}.articles-sidebar__user div{flex:1;min-width:0}.articles-sidebar__user strong{color:#1e293b;font-size:14px;font-weight:650;display:block}.articles-sidebar__user p{color:#64748b;margin:2px 0 0;font-size:12px}.articles-sidebar__user span{color:#fff;background:#fb923c;border-radius:999px;align-self:start;padding:4px 6px;font-size:10px;font-weight:900;line-height:1}.articles-workspace__scroll{padding:24px 16px 40px}.library-header,.moments-view__header{margin-inline:16px;align-items:flex-end;margin-top:8px;margin-bottom:24px}.library-header h1,.moments-view__header h1,.knowledge-grid strong,.library-rail h2,.content-editor__heading h2,.article-reader h2{color:#1e293b;letter-spacing:0;font-family:inherit}.library-header h1,.moments-view__header h1{margin-top:0;font-size:30px;font-weight:800;line-height:1.25}.library-header span,.moments-view__header span{color:#3b82f6;letter-spacing:.14em;font-size:12px;font-weight:650}.library-header p,.moments-view__header p{color:#64748b;margin-top:8px;font-size:14px;font-weight:500;line-height:1.6}.library-header__stat{background:#ffffff94;border-radius:24px;justify-items:start;min-width:178px;padding:18px}.library-header__stat strong{color:#3b82f6;font-family:inherit;font-size:30px;font-weight:850}.library-header__stat span{color:#64748b;letter-spacing:0;font-size:12px}.library-header__stat small{color:#94a3b8;font-size:11px;font-weight:600}.library-controls{box-shadow:none;background:#f8fafcd1;border:0;border-radius:999px;margin:0 16px 24px;padding:8px;top:0}.articles-app .articles-search,.library-controls select{color:#475569;background:#ffffffd1;border:1px solid #0000;min-height:40px;font-size:14px;box-shadow:0 1px 4px #94a3b81f}.articles-search svg{color:#94a3b8}.library-book-strip{scrollbar-width:none;gap:24px;margin:0 16px 24px;padding:12px 0 18px;display:flex;overflow-x:auto}.library-book-strip::-webkit-scrollbar{display:none}.library-book-strip{position:relative}.library-book-strip:after{content:"";background:linear-gradient(#e2e8f0,#f1f5f9);border-radius:999px;height:4px;position:absolute;bottom:8px;left:0;right:0;box-shadow:0 4px 6px #0f172a14}.library-book-strip button{z-index:1;background:linear-gradient(135deg, color-mix(in srgb, var(--book-color,#9cc7f2) 82%, #fff), color-mix(in srgb, var(--book-color,#9cc7f2) 42%, #fff)), #bfdbfe;border:0;border-radius:4px 10px 10px 4px;width:110px;min-width:110px;min-height:150px;margin-bottom:4px;padding:14px 10px;transition:transform .5s,box-shadow .5s;position:relative;box-shadow:0 8px 18px #94a3b838}.library-book-strip button:before{background:linear-gradient(90deg,#0000001c,#0000 12%),radial-gradient(circle at 86% 0,#ffffff80,#0000 32%),radial-gradient(circle at 6% 100%,#ffffff57,#0000 34%)}.library-book-strip button:after{content:"";background:#fff;border:1px solid #e2e8f0;border-left:0;border-radius:0 8px 8px 0;width:14px;transition:right .5s;position:absolute;top:4px;bottom:4px;right:-6px;box-shadow:-3px 0 #f8fafc}.library-book-strip button:hover{transform:translateY(-8px)rotate(-1deg);box-shadow:0 14px 28px #94a3b838}.library-book-strip button:hover:after{right:-7px}.library-book-strip button svg{color:#334155c7;box-sizing:content-box;background:#ffffff6b;border:1px solid #ffffff85;border-radius:50%;width:32px;height:32px;margin:20px auto 10px;padding:8px;display:grid}.library-book-strip button span{color:#1e293b;text-align:center;text-shadow:0 1px 1px #fffc;margin-top:0;font-size:14px;font-weight:800;line-height:1.25}.library-book-strip button small{color:#475569;background:#ffffff70;border:1px solid #ffffff57;border-radius:4px;width:fit-content;margin:20px auto 0;padding:2px 6px;font-size:9px;font-weight:650}.library-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin:0 16px}.library-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.articles-app .library-article-card{cursor:default;background:#ffffffe6;border-radius:24px;flex-direction:column;min-height:0;transition:transform .4s,box-shadow .4s,background-color .4s;display:flex;box-shadow:0 8px 32px #1f26870d,inset 0 0 0 1px #ffffff94}.articles-app .library-article-card:hover{background:#fffffff5;transform:translateY(-4px);box-shadow:0 12px 40px #0f172a0f}.articles-app .article-sample-card__cover{border-radius:20px;width:100%;height:210px;min-height:210px;transition:transform .7s;transform:scale(1)}.articles-app .library-article-card:hover .article-sample-card__cover{transform:scale(1.03)}.articles-app .article-sample-card__body{flex:1;padding:24px;display:flex}.article-sample-card__meta,.article-reader__meta{color:#94a3b8;font-size:13px;font-weight:500}.article-sample-card__meta span,.article-sample-card__meta time,.article-reader__meta span,.article-reader__meta time,.article-reader__meta a{background:0 0;min-height:24px;padding:0}.articles-app .article-sample-card h2{color:#1e293b;margin-top:12px;font-family:inherit;font-size:17px;font-weight:800;line-height:1.45;transition:color .3s}.articles-app .library-article-card:hover h2{color:#2563eb}.articles-app .article-sample-card p{color:#64748b;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:12px;font-size:14px;font-weight:500;line-height:1.7;display:-webkit-box;overflow:hidden}.moment-sample-card__images{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.moment-sample-card__images img{aspect-ratio:1;object-fit:cover;background:#ffffff85;border:1px solid #ffffffb8;border-radius:14px;width:100%}.article-sample-card__tags span,.moment-sample-card__tags span{color:#3b82f6;background:#eff6ffb8;border:1px solid #bfdbfe8a;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:650}.content-card-actions{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:18px}.content-card-actions button,.content-card-actions a,.content-editor__actions button{color:#64748b;min-height:34px;box-shadow:none;background:#f8fafc;border:1px solid #0000;font-size:13px;font-weight:650;transition:transform .3s,color .3s,background-color .3s,box-shadow .3s}.content-card-actions button:hover,.content-card-actions a:hover,.content-editor__actions button:hover{color:#2563eb;background:#eff6ff;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f61a}.library-rail section{background:#ffffffe6;border-radius:24px;padding:24px}.library-rail h2{margin-bottom:18px;font-size:16px;font-weight:800}.library-hot-tags{gap:10px 9px}.library-hot-tags button{color:#2563eb;background:#eff6ffa6;border:1px solid #bfdbfe6b;min-height:32px;font-size:13px;font-weight:650}.library-hot-tags button:hover{background:#dbeafed1}.library-rail__banner{color:#475569;background:linear-gradient(90deg,#fffffff5,#ffffffbd,#0000),linear-gradient(135deg,#e0f2fe,#dbeafe);border:1px solid #e2e8f0;min-height:176px;position:relative;overflow:hidden}.library-rail__banner svg{color:#fb7185}.library-rail__banner h2{color:#1d4ed8;font-size:18px}.library-rail__banner p{color:#475569;letter-spacing:.04em;font-size:13px;font-weight:500}.moments-profile-card{background:#ffffff85;border-radius:24px;align-content:stretch;justify-items:stretch;min-width:256px}.moments-profile-card img{width:48px;height:48px}.moments-profile-card strong{color:#1e293b}.moments-profile-card span{color:#94a3b8;letter-spacing:0}.moments-composer{background:#ffffff85;border-radius:24px;margin:0 16px 32px;padding:22px}.moments-composer p{color:#64748b;font-weight:500}.moments-composer button{color:#fff;background:#3b82f6;box-shadow:0 8px 18px #93c5fd6b}.moments-filter-row{box-shadow:none;background:0 0;border:0;margin:0 16px 32px;padding:0}.moments-filter-row button{color:#64748b;background:#ffffffb3;border-color:#fff;box-shadow:0 4px 12px #94a3b81f}.moments-timeline{border-left:4px solid #bfdbfeb8;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:none;margin:0 16px;padding-left:40px}.articles-app .moment-sample-card{background:#ffffff94;border-radius:18px;padding:24px;transition:transform .5s,box-shadow .5s,background-color .5s}.articles-app .moment-sample-card:hover{background:#ffffffb3;transform:translateY(-4px);box-shadow:0 12px 40px #648cb426,inset 0 0 0 1px #fffc}.moment-sample-card__header strong{color:#1e293b}.moment-sample-card__header time,.moment-sample-card__header>span{color:#94a3b8}.moment-sample-card__header>span{color:#3b82f6;background:#eff6ffd1}.articles-app .moment-sample-card p{color:#334155;font-size:15px;line-height:1.85}.articles-app .library-layout{grid-template-columns:1fr}.articles-app .library-main{grid-template-columns:repeat(3,minmax(0,1fr))}.articles-app .library-article-card{cursor:pointer}.articles-app .library-article-card:focus-visible{outline-offset:4px;outline:3px solid #6ea7c961}.moment-sample-card__content.is-collapsed{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.moment-sample-card__more{color:#2563eb;width:fit-content;min-height:32px;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;margin-top:10px;padding:0;font-size:13px;font-weight:800;display:inline-flex}.moment-sample-card__more:hover{color:#1d4ed8}.moments-filter-row{box-shadow:none;background:0 0;border:0;flex-wrap:wrap;gap:10px;margin:0 16px 30px;padding:0;display:flex}.moments-filter-row button{color:#64748b;background:#ffffffb3;border-color:#fff;align-items:center;gap:7px;display:inline-flex;box-shadow:0 4px 12px #94a3b81f}.moments-filter-row button small{min-width:20px;color:inherit;background:#ffffffa8;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:850}.moments-timeline{border-left:0;grid-template-columns:1fr;gap:34px;max-width:980px;margin:0 16px;padding-left:0;display:grid}.moments-month-group{grid-template-columns:132px minmax(0,1fr);align-items:start;gap:24px;display:grid}.moments-month-marker{text-align:right;justify-items:end;gap:4px;padding-top:4px;display:grid;position:sticky;top:24px}.moments-month-marker strong{color:#1e293b;font-family:var(--font-brand);font-size:30px;font-weight:850;line-height:1}.moments-month-marker span{color:#8ba0b8;font-size:13px;font-weight:800}.moments-month-marker small{color:#3b82f6;background:#eff6ffdb;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:850}.moments-month-list{gap:18px;padding-left:28px;display:grid;position:relative}.moments-month-list:before{content:"";background:linear-gradient(#93c5fdd1,#dbeafe33);border-radius:999px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.articles-app .moment-sample-card{position:relative}.articles-app .moment-sample-card:before{content:"";background:#60a5fa;border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:28px;left:-35px;box-shadow:0 6px 14px #60a5fa47}.moment-sample-card__date-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.moment-sample-card__date-row time{color:#8ba0b8;font-size:14px;font-weight:850}.moment-sample-card__date-row span{color:#3b82f6;background:#eff6ffd1;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850}.article-reader__body .article-reader__markdown-heading{color:#1b314f;text-align:left;background:0 0;border:0;border-radius:0;width:auto;height:auto;margin:34px 0 18px;font-size:22px;line-height:1.38;display:block}.moments-view{background:linear-gradient(135deg,#ffffff80,#f0f9ff5c),#ffffff57}.moments-publisher,.moments-view-toggle,.moments-month-gallery{-webkit-backdrop-filter:blur(30px)saturate(1.18);backdrop-filter:blur(30px)saturate(1.18);background:#ffffff7a;border:1px solid #ffffffdb;box-shadow:0 18px 48px #648cb424,inset 0 0 0 1px #ffffffa8}.moments-publisher{border-radius:24px;gap:14px;margin:0 16px 24px;padding:18px;display:flex}.moments-publisher__icon{color:#3b82f6;background:#dbeafea8;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.moments-publisher__body{flex:1;gap:10px;min-width:0;display:grid}.moments-publisher textarea{resize:vertical;color:#334155;min-height:58px;font:inherit;background:0 0;border:0;outline:0;font-size:15px;font-weight:650;line-height:1.7}.moments-publisher textarea::placeholder{color:#94a3b8}.moments-publisher__preview{width:fit-content;position:relative}.moments-publisher__preview img{aspect-ratio:1;object-fit:cover;border:1px solid #ffffffbd;border-radius:18px;width:156px;display:block}.moments-publisher__preview button{color:#64748b;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:0 8px 18px #94a3b838}.moments-publisher__footer,.moments-toolbar,.moments-toolbar__right{align-items:center;display:flex}.moments-publisher__footer{border-top:1px solid #e2e8f094;justify-content:space-between;gap:12px;padding-top:10px}.moments-publisher__tools{gap:12px;display:flex}.moments-publisher__tools label,.moments-publisher__tools button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;transition:background-color .18s,color .18s;display:grid}.moments-publisher__tools label:hover,.moments-publisher__tools button:hover{color:#3b82f6;background:#eff6ffdb}.moments-publisher__tools input{display:none}.moments-publisher__submit{color:#fff;min-height:36px;font:inherit;cursor:pointer;background:#3b82f6;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:850;display:inline-flex;box-shadow:0 12px 26px #3b82f63d}.moments-publisher__submit:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#f1f5f9d6}.moments-toolbar{justify-content:space-between;gap:16px;margin:0 16px 30px}.moments-toolbar .moments-filter-row{margin:0}.moments-filter-row button{color:#64748b;-webkit-backdrop-filter:blur(22px)saturate(1.1);backdrop-filter:blur(22px)saturate(1.1);background:#ffffff7a;border-color:#ffffffdb;gap:8px;min-height:44px;padding:0 18px}.moments-filter-row button.is-active{color:#fff;background:#3b82f6;border-color:#3b82f694;box-shadow:0 12px 28px #3b82f63d}.moments-filter-row button svg{width:16px;height:16px}.moments-toolbar__right{flex:none;gap:12px}.moments-view-toggle{border-radius:999px;gap:2px;padding:4px;display:inline-flex}.moments-view-toggle button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.moments-view-toggle button[aria-pressed=true]{color:#2563eb;background:#dbeafeeb}.moments-view-toggle svg{width:16px;height:16px}.moments-month-marker{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.moments-month-gallery{cursor:pointer;text-align:left;border-radius:28px;width:100%;padding:18px;transition:transform .22s,box-shadow .22s,background-color .22s}.moments-month-gallery:hover{background:#ffffff9e;transform:translateY(-3px);box-shadow:0 24px 54px #648cb42e,inset 0 0 0 1px #ffffffb8}.moments-month-gallery>div{scrollbar-width:none;align-items:center;gap:14px;min-width:0;display:flex;overflow-x:auto}.moments-month-gallery>div::-webkit-scrollbar{display:none}.moments-month-gallery__tile,.moments-month-gallery__more{background:#ffffff8a;border:1px solid #fffc;border-radius:20px;flex:none;width:136px;height:168px;display:grid;overflow:hidden;box-shadow:0 12px 24px #94a3b829}.moments-month-gallery__tile img{object-fit:cover;width:100%;height:100%}.moments-month-gallery__tile em{color:#475569;-webkit-line-clamp:6;-webkit-box-orient:vertical;padding:16px;font-size:12px;font-style:normal;font-weight:650;line-height:1.65;display:-webkit-box;overflow:hidden}.moments-month-gallery__more{color:#2563eb;background:#eff6ffdb;place-items:center}.moments-month-gallery__more strong{font-size:28px;line-height:1}.moments-month-gallery__more small{color:#60a5fa;letter-spacing:.12em;font-size:11px;font-weight:850}.knowledge-grid article{background:#ffffffe6}@media (width<=1100px){.articles-app,.articles-app__shell{min-width:0}.moments-timeline,.knowledge-system-layout,.knowledge-theme-grid{grid-template-columns:1fr}.knowledge-side-panel{position:static}.moments-timeline{border-left:0;padding-left:0}}@media (width<=760px){.articles-app .library-main{grid-template-columns:1fr}.moments-month-group{grid-template-columns:1fr;gap:12px}.moments-month-marker{text-align:left;justify-items:start;position:static}.moments-month-list{padding-left:18px}.articles-app .moment-sample-card:before{left:-25px}.content-editor__add-image{grid-template-columns:1fr}}.articles-home-layout{align-items:flex-start;gap:24px;width:100%;min-width:0;height:100%;display:flex}.articles-home-main{min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-direction:column;flex:1;gap:24px;padding:0;display:flex}.articles-home-search,.articles-home-galaxy,.articles-home-topic-articles,.articles-home-mini-card,.articles-home-aside{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fff9;border:1px solid #ffffffc7;box-shadow:0 8px 32px #1f26870d,inset 0 0 0 1px #ffffff94}.articles-home-search{border-radius:999px;align-items:center;gap:12px;width:min(100%,672px);min-height:64px;padding:0 24px;display:flex}.articles-home-search svg{color:#94a3b8;width:18px;height:18px}.articles-home-search input{color:#334155;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.articles-home-search input::placeholder{color:#94a3b8}.articles-home-galaxy{background:radial-gradient(circle at 50% 46%,#6ea7ff33,#0000 30%),linear-gradient(135deg,#f7fbffc2,#fff8fb94);border-radius:24px;flex:0 0 500px;place-items:center;height:500px;display:grid;position:relative;overflow:hidden}.articles-home-galaxy__label{color:#334155;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex;position:absolute;top:18px;left:24px}.articles-home-galaxy__label svg{color:#3b82f6;width:16px;height:16px}.articles-home-galaxy__lines{opacity:.4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.articles-home-galaxy__center{z-index:2;color:#fff;width:150px;height:150px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#8ec5fc,#e0c3fc);border:4px solid #ffffff6b;border-radius:50%;place-items:center;font-size:24px;font-weight:850;transition:transform .3s;display:grid;position:relative;box-shadow:0 0 30px #e0c3fc9e}.articles-home-galaxy__center:before{content:"";z-index:-1;border-radius:inherit;filter:blur(18px);background:#60a5fa42;position:absolute;inset:-18px}.articles-home-galaxy__center:hover{transform:scale(1.05)}.articles-home-node{z-index:3;color:#475569;font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;transition:transform .3s;display:grid;position:absolute;transform:translate(-50%,-50%)}.articles-home-node:hover,.articles-home-node.is-active{transform:translate(-50%,-50%)scale(1.1)}.articles-home-node span{background:linear-gradient(135deg, color-mix(in srgb, var(--node-color) 22%, white), #ffffffd1);border:2px solid #ffffffc7;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 8px 18px #94a3b82e}.articles-home-node svg{width:22px;height:22px;color:var(--node-color);opacity:.76}.articles-home-node strong{color:#475569;white-space:nowrap;background:#ffffff9e;border:1px solid #ffffff94;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:650;box-shadow:0 4px 12px #94a3b81f}.articles-home-topic-articles{border-radius:24px;min-height:268px;padding:20px;display:grid;overflow:hidden}.articles-home-topic-articles .articles-home-mini-card__heading{margin-bottom:14px}.articles-home-topic-articles h3{color:#334155;margin:0;font-size:17px;font-weight:800}.articles-home-topic-articles__grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.articles-home-topic-card{color:#334155;cursor:pointer;min-width:0;min-height:202px;font:inherit;text-align:left;background:#ffffffb3;border:1px solid #ffffffa3;border-radius:18px;grid-template-rows:98px 1fr;padding:0;transition:transform .2s,box-shadow .2s;display:grid;overflow:hidden;box-shadow:0 12px 28px #2f67991a}.articles-home-topic-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px #2f679924}.articles-home-topic-card__cover{background:linear-gradient(135deg,#dff5ff,#fff2c8);height:98px;display:block}.articles-home-topic-card__cover img{object-fit:cover;width:100%;height:100%}.articles-home-topic-card__body{gap:10px;min-height:102px;padding:12px;display:grid}.articles-home-topic-card__body strong{color:#334155;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:800;line-height:1.45;display:-webkit-box;overflow:hidden}.articles-home-topic-card__body small{color:#3b82f6;background:#dbeafeb8;border-radius:999px;place-self:end start;padding:5px 8px;font-size:11px;font-weight:750}.articles-home-mini-card{border-radius:24px;padding:20px;position:relative;overflow:hidden}.articles-home-mini-card__heading{align-items:center;gap:8px;margin-bottom:18px;display:flex}.articles-home-mini-card__heading span{background:#6366f1;border-radius:50%;width:8px;height:8px}.articles-home-mini-card h2{color:#334155;margin:0;font-size:14px;font-weight:750}.articles-home-mini-card__heading button{color:#94a3b8;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:12px}.articles-home-mini-card__heading button:hover{color:#3b82f6}.articles-home-mini-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.articles-home-mini-card li button{color:#475569;width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.articles-home-mini-card li button:before{content:"";background:#cbd5e1;border-radius:50%;flex:none;width:6px;height:6px;transition:background-color .2s}.articles-home-mini-card li button:hover{color:#2563eb}.articles-home-mini-card li button:hover:before{background:#60a5fa}.articles-home-mini-card li span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.articles-home-mini-card time{color:#94a3b8;white-space:nowrap;font-size:12px}.articles-home-quote{isolation:isolate;align-items:flex-end;min-height:280px;padding:clamp(30px,5vw,58px);display:flex;position:relative;overflow:hidden}.articles-home-quote__background{z-index:-1;object-fit:cover;object-position:center bottom;width:100%;height:100%;position:absolute;inset:0}.articles-home-quote p{z-index:1;color:#587ba9;max-width:62%;font-family:var(--font-brand);letter-spacing:0;text-shadow:0 1px #ffffffb8;margin:0;font-size:clamp(18px,1.6vw,24px);font-weight:700;line-height:1.8;position:relative}.articles-home-aside{border-radius:24px;flex-direction:column;flex:0 0 320px;align-self:flex-start;width:320px;padding:24px;display:flex;overflow:hidden}.articles-home-aside__heading{justify-content:space-between;gap:16px;margin-bottom:24px;display:flex}.articles-home-aside__heading h2{color:#1e293b;margin:0;font-size:20px;font-weight:800}.articles-home-aside__heading svg{color:#f59e0b;fill:currentColor;width:18px;height:18px}.articles-home-aside section{margin-bottom:18px}.articles-home-aside h3{color:#1e293b;margin:0 0 10px;font-size:14px;font-weight:750}.articles-home-aside p{color:#475569;margin:0;font-size:12px;line-height:1.75}.articles-home-concepts div{flex-wrap:wrap;gap:8px;display:flex}.articles-home-concepts span{color:#64748b;background:#f1f5f9d1;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:750}.articles-home-path h3{align-items:center;gap:8px;display:flex}.articles-home-path h3 svg{color:#3b82f6;width:16px;height:16px}.articles-home-path button{color:#334155;cursor:pointer;text-align:left;background:#ffffff47;border:1px solid #0000;border-radius:14px;grid-template-columns:24px 1fr;gap:2px 12px;width:calc(100% + 8px);margin-left:-8px;padding:8px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:grid;position:relative}.articles-home-path button+button{margin-top:10px}.articles-home-path button:hover{background:#ffffff9e;border-color:#ffffff94;box-shadow:0 6px 16px #94a3b81f}.articles-home-path button>span{color:#fff;background:#818cf8;border:2px solid #fff;border-radius:50%;grid-row:span 2;place-items:center;width:24px;height:24px;font-size:12px;font-weight:850;display:grid;box-shadow:0 4px 10px #818cf83d}.articles-home-path button strong{color:#1e293b;font-size:14px;font-weight:650}.articles-home-path button small{color:#64748b;font-size:11px;line-height:1.45}.articles-home-aside .articles-home-aside__quote{border-radius:0 0 24px 24px;flex:0 0 128px;width:calc(100% + 48px);min-height:128px;margin:0 -24px -24px;padding:0;display:block}.articles-home-aside__quote p{font-family:var(--font-brand);z-index:1;color:#587ba9;white-space:normal;max-width:14em;font-size:13px;line-height:1.8;position:absolute;top:66px;left:58px;right:18px}.articles-home-aside__quote .articles-home-quote__background{object-fit:contain;object-position:center bottom;height:calc(100% + 24px);transform:translateY(-24px)}@media (width<=1100px){.articles-home-layout{flex-direction:column;height:auto}.articles-home-aside{flex-basis:auto;width:auto}}@media (width<=700px){.articles-home-topic-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.articles-home-galaxy{flex-basis:460px;height:460px}.articles-home-quote p{max-width:72%}}.article-reader-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;color:#546b82;isolation:isolate;background:#f8fbf2;padding:0;display:block;position:fixed;inset:0;overflow:hidden auto}.article-reader-backdrop:before{content:"";z-index:-2;background:linear-gradient(#dff5ff0a,#f8fbf21a),url(/assets/home/writing-reader-bg.png) 50%/cover no-repeat;position:fixed;inset:0}.article-reader-backdrop:after{content:"";z-index:-1;pointer-events:none;background:#dff5ff14;position:fixed;inset:0}.article-reader-shell{background:0 0;justify-content:center;width:100vw;min-width:100vw;min-height:100vh;padding:84px 16px 56px;display:flex;position:relative;overflow:hidden}.article-reader-background-strip{z-index:0;pointer-events:none;height:1300vh;position:absolute;inset:0}.article-reader-background-strip span{background-image:var(--reader-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;min-height:100vh;margin-bottom:-24vh;display:block;position:relative;transform:translateZ(0)}.article-reader-background-strip span+span{-webkit-mask-image:linear-gradient(#0000 0,#000 24vh 100%);mask-image:linear-gradient(#0000 0,#000 24vh 100%)}.article-reader-background-strip span:last-child{height:100vh;margin-bottom:0}.article-reader-nav{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;padding:0 clamp(18px,4vw,48px);display:flex;position:fixed;top:clamp(18px,3vw,34px);left:0;right:0}.article-reader-action{color:#2c4966;cursor:pointer;font:inherit;letter-spacing:.06em;pointer-events:auto;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.article-reader-action__icon{background:#ffffff6b;border:1px solid #ffffffc7;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .18s,background .18s;display:grid}.article-reader-action:hover .article-reader-action__icon{background:#ffffffa8;transform:translateY(-2px)}.article-reader-action svg{width:18px;height:18px}.article-reader-action__label{color:#244968;letter-spacing:.1em;background:#ffffff61;border:1px solid #ffffff8c;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:700;line-height:1}.article-reader{z-index:1;background:linear-gradient(145deg,#ffffffdb,#f8fbf2a8),#ffffffc7;border:1px solid #ffffffdb;border-radius:48px;width:min(100%,760px);padding:0 0 54px;position:relative;overflow:hidden;box-shadow:0 18px 44px #2f679921,inset 0 1px 8px #ffffffb8}.article-reader__header{text-align:center;padding:76px clamp(34px,7vw,80px) 0}.article-reader__header>span{color:#3c7da6;font-size:14px;font-weight:800}.article-reader h2{color:#1b314f;max-width:none;font-family:var(--font-brand);letter-spacing:.05em;margin:18px 0 0;font-size:clamp(34px,4.4vw,42px);font-weight:800;line-height:1.2}.article-reader__header>p{color:#63798e;letter-spacing:.12em;margin:22px 0 0;font-size:clamp(14px,1.4vw,16px);font-weight:400;line-height:1.55}.article-reader__meta{color:#899db0;flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;margin-top:28px;font-size:12px;line-height:1;display:flex}.article-reader__meta span,.article-reader__meta time,.article-reader__meta a{min-height:auto;color:inherit;background:0 0;align-items:center;gap:7px;padding:0;text-decoration:none;display:inline-flex}.article-reader__meta i{background:#cbd6e2;width:1px;height:12px}.article-reader__meta img{object-fit:cover;border:1px solid #e0e8f0;border-radius:50%;width:24px;height:24px}.article-reader__meta svg{width:14px;height:14px}.article-reader__media{gap:18px;margin-top:40px;padding:0 clamp(32px,7vw,80px);display:grid}.article-reader__image{object-fit:cover;background:#ffffff5c;border:1px solid #ffffffb8;border-radius:24px;width:100%;max-height:520px;margin:0;display:block;box-shadow:0 14px 34px #2f67991f}.article-reader__body{color:#2f6799;margin-top:54px;padding:0 clamp(32px,7vw,80px);font-size:clamp(16px,1.35vw,19px);font-weight:520;line-height:1.86}.article-reader__body p{text-indent:0;margin:0 0 1.22em}@media (width<=700px){.article-reader-shell{padding:76px 14px 34px}.article-reader{border-radius:32px}.article-reader__header{padding:44px 24px 0}.article-reader h2{letter-spacing:.02em;font-size:clamp(28px,9vw,34px)}.article-reader__meta{gap:10px}.article-reader__meta i{display:none}.article-reader__media,.article-reader__body{padding-left:24px;padding-right:24px}.article-reader__body{font-size:16px;line-height:1.82}}.knowledge-preview{background:radial-gradient(circle at 88% 8%,#ffeff6c7,#0000 34%),linear-gradient(135deg,#f8fcffeb,#ffffffd1 52%,#fff6fcbd);border:1px solid #ffffffd1;border-radius:32px;padding:clamp(30px,3.6vw,54px);position:relative;overflow:auto;box-shadow:0 24px 60px #2f67991f,inset 0 1px #ffffffdb}.knowledge-preview .library-header{box-shadow:none;background:0 0;border:0;margin:0 0 34px;padding:0}.knowledge-preview .library-header span{color:#3478f6;letter-spacing:.22em;font-size:13px;font-weight:900}.knowledge-preview .library-header h1{color:#17233a;margin-top:6px;font-family:inherit;font-size:clamp(38px,4.2vw,56px);font-weight:900;line-height:1.08}.knowledge-preview .library-header p{color:#62758c;max-width:880px;font-size:clamp(15px,1.25vw,19px);font-weight:750;line-height:1.75}.knowledge-preview .library-header__stat{background:#ffffffc2;border-radius:28px;min-width:154px;padding:24px 28px;box-shadow:0 18px 44px #94a3b82e}.knowledge-preview .library-header__stat strong{color:#3b82f6;font-size:46px;line-height:.95}.knowledge-system-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.36fr);gap:26px}.knowledge-theme-panel,.knowledge-tag-cloud,.knowledge-path-card{-webkit-backdrop-filter:blur(24px)saturate(1.08);backdrop-filter:blur(24px)saturate(1.08);background:#ffffffb8;border-color:#ffffffdb;border-radius:30px;box-shadow:0 18px 48px #2f679917,inset 0 0 0 1px #ffffff9e}.knowledge-theme-panel{padding:clamp(30px,3.2vw,44px)}.knowledge-section-heading{margin-bottom:28px}.knowledge-section-heading span{color:#94a3b8;letter-spacing:.24em;font-size:13px;font-weight:900}.knowledge-section-heading h2{color:#2f6799;font-family:var(--font-brand);font-size:clamp(34px,3.4vw,46px);font-weight:800}.knowledge-theme-grid{gap:28px 32px}.knowledge-theme-card{background:0 0;border:0;border-radius:0;min-height:324px;padding:0}.knowledge-theme-card>button svg{stroke-width:1.6px;width:34px;height:34px}.knowledge-theme-card>button span{color:#3b82f6;text-align:center;background:#dff5ffd1;border-radius:999px;min-width:58px;padding:8px 12px;font-size:14px}.knowledge-theme-card h2{color:#17233a;margin-top:24px;font-size:clamp(25px,2.2vw,32px);font-weight:900}.knowledge-theme-card p{color:#5e7f9e;margin-top:14px;font-size:17px;font-weight:800;line-height:1.72}.knowledge-theme-card__tags{gap:10px;margin-top:22px}.knowledge-theme-card__tags button,.knowledge-tag-cloud button{color:#2563eb;background:#eff6ffb8;border-color:#bfdbfeb8;padding:8px 14px;font-size:14px;font-weight:850}.knowledge-theme-card ul{gap:0;margin-top:22px}.knowledge-theme-card li button{color:#475569;border-top-color:#cbd5e194;align-items:center;min-height:38px;font-size:14px;font-weight:650}.knowledge-theme-card li time{color:#8ba0b8;font-size:14px;font-weight:650}.knowledge-side-panel{gap:24px}.knowledge-tag-cloud,.knowledge-path-card{padding:clamp(26px,3vw,36px)}.knowledge-tag-cloud>div:last-child{gap:12px}.knowledge-tag-cloud button{gap:8px;min-height:42px}.knowledge-tag-cloud small{color:#8ba0b8;font-weight:850}.knowledge-path-card{gap:18px}.knowledge-path-card button{box-shadow:none;background:#ffffff61;border:0;grid-template-columns:52px minmax(0,1fr);padding:16px}.knowledge-path-card button>span{color:#2563eb;background:#dff5ff;width:48px;height:48px;font-size:18px}.knowledge-path-card strong{color:#17233a;font-size:17px;font-weight:900}.knowledge-path-card small{color:#64748b;font-size:14px;font-weight:650;line-height:1.6}.article-reader{background:linear-gradient(145deg,#ffffffd1,#f8fbf2a3),#ffffffc2;border-radius:48px;width:min(100%,760px);padding-bottom:48px}.article-reader__close{z-index:2;color:#2c4966;width:42px;height:42px;box-shadow:none;background:#ffffffb8;border-color:#ffffffdb;top:18px;right:18px}.article-reader__close svg{width:20px;height:20px}.article-reader__header{padding:50px clamp(34px,7vw,80px) 0}.article-reader h2{color:#1b314f;letter-spacing:.03em;font-size:clamp(30px,3.6vw,36px);font-weight:800;line-height:1.2}.article-reader .article-reader__header>p{color:#63798e;letter-spacing:.18em;margin-top:22px;font-size:clamp(14px,1.4vw,16px);font-weight:400;line-height:1.55}.article-reader__meta{color:#899db0;margin-top:28px;font-size:12px;font-weight:400;line-height:1}.article-reader__meta i{height:12px}.article-reader__meta img{width:24px;height:24px}.article-reader__body{color:#3f5871;letter-spacing:0;margin-top:48px;padding:0 clamp(32px,7vw,80px);font-size:16px;font-weight:400;line-height:1.86}.article-reader__body p{margin:0 0 1.2em}.article-reader__body strong{color:#1b314f;font-weight:850}.article-reader__body h3{color:#2f6799;background:#dff5ffb8;border:1px solid #6ea7c92e;border-radius:50%;place-items:center;width:46px;height:46px;margin:34px auto 24px;font-family:inherit;font-size:16px;font-weight:900;display:grid}.article-reader__body ul{gap:10px;margin:0 0 1.35em;padding:0;list-style:none;display:grid}.article-reader__body li{color:#3f5871;background:#ffffff6b;border-radius:16px;padding:12px 16px 12px 36px;line-height:1.78;position:relative}.article-reader__body li:before{content:"";background:#f2a47f;border-radius:50%;width:7px;height:7px;position:absolute;top:22px;left:18px}.article-reader__figure{margin:34px 0}.article-reader__figure+.article-reader__figure{margin-top:-14px}.article-reader__media{margin-top:40px;padding:0 clamp(32px,7vw,80px)}.article-reader__image{border-radius:24px;max-height:520px}.not-found-page{background:radial-gradient(circle at 20% 20%,#fff2c88c,#0000 28%),linear-gradient(160deg,#dff5ff 0%,#f8fbf2 54%,#fff2c8 100%);place-items:center;min-height:100vh;padding:clamp(28px,7vw,72px) 20px;display:grid;overflow-x:hidden}.not-found-page__card{text-align:center;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#ffffff9e;border:1px solid #ffffffdb;border-radius:32px;justify-items:center;gap:20px;width:min(100%,620px);padding:clamp(34px,7vw,64px) clamp(22px,6vw,52px);display:grid;box-shadow:0 18px 44px #2f679924}.not-found-page__code{color:#6ea7c9;margin:0;font-size:clamp(34px,12vw,74px);font-weight:900;line-height:.95}.not-found-page h1{color:#2f6799;margin:0;font-size:clamp(34px,10vw,58px);line-height:1.05}.not-found-page__copy{color:#4c6f8f;max-width:36em;margin:0;font-size:clamp(15px,3.8vw,18px);line-height:1.75}.not-found-page__nav{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.not-found-page__nav a{color:#2f6799;background:#ffffffa8;border:1px solid #ffffffdb;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;box-shadow:0 14px 34px #2f67991c}.not-found-page__nav a:hover,.not-found-page__nav a:focus-visible{transform:translateY(-2px);box-shadow:0 16px 38px #2f679924}.deferred-section{min-width:0}.deferred-section__placeholder{color:#2f6799;letter-spacing:0;text-align:center;-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:linear-gradient(145deg,#ffffff94,#f8fbf275),#dff5ff61;border:1px solid #ffffffdb;place-items:center;min-height:clamp(280px,44vh,520px);margin:0;font-size:clamp(15px,2vw,18px);font-weight:800;display:grid;box-shadow:inset 0 1px #ffffffd1}@media (width<=1100px){.knowledge-system-layout,.knowledge-theme-grid{grid-template-columns:1fr}.knowledge-side-panel{position:static}}@media (width<=700px){.knowledge-preview{border-radius:24px;padding:24px}.knowledge-preview .library-header__stat{width:100%}.article-reader{border-radius:32px}.article-reader__close{width:40px;height:40px;top:16px;right:16px}.article-reader__header{padding:44px 24px 0}.article-reader h2{letter-spacing:.02em;font-size:clamp(28px,9vw,34px)}.article-reader .article-reader__header>p{letter-spacing:.08em;font-size:15px}.article-reader__meta{font-size:12px}.article-reader__body,.article-reader__media{padding-left:24px;padding-right:24px}.article-reader__body{font-size:15px;line-height:1.68}}