/* Sakura Notes — responsive editorial interface. No external dependencies. */
:root{--ink:#202334;--muted:#666b79;--subtle:#89909d;--paper:#faf8f4;--white:#fff;--blush:#fbe5e8;--rose:#db627f;--rose-deep:#a63c5d;--navy:#25293e;--mint:#d8ece4;--line:#e8e3e1;--sand:#f1ecdf;--edge:clamp(20px,5vw,88px);--max:1480px;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--rose-deep);outline-offset:4px}::selection{background:var(--blush);color:var(--rose-deep)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.3}h1{font-size:clamp(2.7rem,5.8vw,6.5rem)}h2{font-size:clamp(2.1rem,4.1vw,4.75rem)}h3{font-size:clamp(1.45rem,2vw,2.35rem)}p{font-size:1rem;line-height:1.95}main{min-height:50vh;overflow:hidden}.skip-link{position:fixed;top:-60px;left:20px;z-index:300;background:var(--ink);color:#fff;padding:8px 16px}.skip-link:focus{top:12px}.site-header{height:90px;position:relative;z-index:100;background:rgba(250,248,244,.95);border-bottom:1px solid var(--line)}.site-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);padding:0 var(--edge);margin:auto;gap:28px}.identity{display:flex;align-items:center;gap:13px;flex-shrink:0}.identity__symbol{display:grid;place-items:center;width:42px;height:42px;background:var(--rose);border-radius:13px 13px 13px 3px;color:#fff;font-size:23px;font-weight:700}.identity__name{display:flex;flex-direction:column;font-size:1.27rem;font-weight:850;letter-spacing:-.04em;line-height:1.2}.identity__name small{letter-spacing:.16em;font-size:.52rem;font-weight:700;color:var(--rose-deep);margin-top:6px}.desktop-nav{display:flex;align-items:center;gap:clamp(12px,2.35vw,39px)}.desktop-nav a{font-size:.86rem;font-weight:660;white-space:nowrap;position:relative;transition:color .2s}.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--rose);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--rose-deep)}.desktop-nav a:hover::after,.desktop-nav a[aria-current=page]::after{transform:scaleX(1)}.menu-toggle{display:none}.mobile-nav{display:none}.eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--rose-deep);font-size:.72rem;letter-spacing:.16em;font-weight:790;text-transform:uppercase}.pulse{width:9px;height:9px;background:var(--rose);border-radius:50%;box-shadow:0 0 0 5px #db627f20}.primary-action{display:inline-flex;justify-content:center;align-items:center;gap:30px;background:var(--rose);color:#fff;border-radius:4px 20px 20px 20px;padding:15px 22px;min-height:56px;font-weight:760;transition:background .2s,transform .2s}.primary-action:hover{background:var(--rose-deep);transform:translateY(-3px)}.primary-action span{font-size:1.3rem;font-weight:400}.text-action,.underlined-link{display:inline-flex;gap:13px;align-items:center;font-weight:750}.text-action:hover,.underlined-link:hover{color:var(--rose-deep)}.underlined-link{border-bottom:1px solid currentColor;padding-bottom:5px}.home-hero{max-width:var(--max);margin:auto;min-height:690px;display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(20px,3vw,48px);padding:58px var(--edge) 90px;align-items:center}.hero-copy{padding:30px 0 40px;position:relative;z-index:2}.hero-copy h1{max-width:780px;line-height:1.19;margin:35px 0 33px;font-weight:850}.hero-copy h1 em{display:block;font-style:normal;color:var(--rose)}.hero-lead{color:var(--muted);max-width:580px;font-size:clamp(1rem,1.35vw,1.18rem);line-height:2}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:29px;margin-top:34px}.hero-footnote{font-size:.62rem;letter-spacing:.19em;margin-top:100px;color:#9a98a0;font-weight:800}.hero-art{position:relative;align-self:stretch;min-height:550px;display:flex;align-items:center}.hero-art::before{content:"";position:absolute;background:#f8e3e6;width:110%;aspect-ratio:1/1;border-radius:48% 52% 60% 40%;transform:translate(0,0) rotate(-18deg)}.hero-art img{width:100%;height:min(670px,100%);position:relative;object-fit:cover;border-radius:48% 48% 8% 8%;background:var(--blush)}.art-sticker{position:absolute;bottom:8%;left:-25px;background:#fff;transform:rotate(-6deg);padding:14px 20px;border-radius:4px;box-shadow:0 12px 45px #2619271a;font-size:.76rem;letter-spacing:.06em;font-weight:750}.home-intro{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding:110px var(--edge);border-top:1px solid var(--line)}.section-heading h2{margin:27px 0 0}.section-heading.wide{max-width:870px;margin-bottom:48px}.section-heading.wide p{margin-top:23px;max-width:690px;color:var(--muted)}.intro-content{padding-top:75px}.intro-content>p{font-size:1.19rem;color:var(--muted);max-width:550px}.intro-content>.underlined-link{margin:9px 0 50px}.editorial-image{overflow:hidden;border-radius:110px 8px 8px 8px;max-height:470px;background:var(--mint)}.editorial-image img{width:100%;height:440px;object-fit:cover;transition:transform .6s var(--ease)}.editorial-image:hover img{transform:scale(1.035)}.home-paths{padding:110px var(--edge) 125px;background:var(--navy);color:#fff}.home-paths>.section-heading,.path-grid{max-width:calc(var(--max) - 2 * var(--edge));margin-left:auto;margin-right:auto}.home-paths .eyebrow{color:#f2abb7}.home-paths .section-heading p{color:#c8cbd4}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.path-card{display:flex;flex-direction:column;justify-content:space-between;min-height:380px;position:relative;overflow:hidden;padding:32px;border-radius:4px 34px 4px 4px;color:var(--ink);transition:transform .3s var(--ease),box-shadow .3s}.path-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0b0f2580}.path-card--watch{background:#f5d6dd}.path-card--culture{background:#d9e9e5}.path-card--create{background:#e9e1cf}.path-index{letter-spacing:.16em;font-size:.7rem;font-weight:850;opacity:.62}.path-card h3{margin:0 0 16px}.path-card p{font-size:.94rem;line-height:1.8;max-width:310px;margin:0;color:#555969}.path-go{position:absolute;right:28px;top:22px;font-size:1.8rem;font-weight:300}.home-feature{display:grid;grid-template-columns:1fr 1fr;background:#e5ece8;min-height:580px}.home-feature__picture{overflow:hidden;background:#d6e8e1}.home-feature__picture img{width:100%;height:100%;object-fit:cover}.home-feature__copy{align-self:center;padding:80px clamp(28px,8vw,135px)}.home-feature__copy h2{margin:30px 0}.home-feature__copy p{color:#56635f;margin-bottom:32px;max-width:520px}.dark-action{background:var(--navy)}.dark-action:hover{background:#3c425d}.home-safety{max-width:var(--max);margin:auto;padding:108px var(--edge) 123px;display:grid;grid-template-columns:1fr .9fr;gap:9%;align-items:end}.home-safety h2{margin:28px 0 0}.home-safety p{color:var(--muted);font-size:1.08rem;margin-bottom:25px}.site-footer{background:#202335;color:#fff;padding:70px var(--edge) 27px}.footer-top,.footer-bottom{max-width:calc(var(--max) - 2 * var(--edge));margin:auto}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:68px}.footer-brand{font-size:1.6rem;font-weight:850}.footer-brand span{font-size:.66rem;font-weight:650;letter-spacing:.15em;opacity:.6;margin-left:13px}.footer-top p{margin:18px 0 0;color:#aeb4c1;max-width:380px;font-size:.91rem}.footer-top nav{display:flex;gap:18px 27px;flex-wrap:wrap;max-width:490px;align-content:flex-start}.footer-top nav a{font-size:.84rem;color:#e3e3e8}.footer-top nav a:hover{color:#fac4cc}.footer-bottom{border-top:1px solid #ffffff26;padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#aeb4c1;font-size:.75rem}.article-hero{min-height:570px;display:grid;grid-template-columns:1.1fr .9fr;max-width:var(--max);margin:auto;padding:66px var(--edge) 80px;gap:8%;align-items:center}.article-hero__copy{max-width:780px}.breadcrumb{font-size:.79rem;color:var(--muted);display:block;margin-bottom:68px}.breadcrumb span{margin:0 9px;color:var(--rose)}.article-hero .eyebrow{margin-bottom:24px}.article-hero h1{font-size:clamp(2.7rem,5.1vw,5.35rem);margin:0 0 24px;font-weight:850}.article-hero__copy>p{font-size:1.04rem;color:var(--muted);max-width:650px}.article-down{display:inline-flex;align-items:center;gap:17px;border-bottom:1px solid var(--rose);padding:8px 0;margin-top:20px;font-weight:750;font-size:.85rem}.article-down span{font-size:1.1rem}.article-hero__media{background:var(--blush);border-radius:150px 10px 10px 10px;overflow:hidden;align-self:stretch;min-height:440px;max-height:580px}.article-hero__media img{width:100%;height:100%;object-fit:cover}.page-watch .article-hero__media{background:#dcece6}.page-culture .article-hero__media{background:#e7e0f1}.page-create .article-hero__media{background:#e8ead5}.page-verify .article-hero__media{background:#e0e8ef}.article-layout{background:#fff;display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.8fr);gap:7%;padding:90px max(var(--edge),calc((100vw - var(--max)) / 2 + var(--edge))) 115px}.article-toc{align-self:start;position:sticky;top:32px}.article-toc>span{font-size:.7rem;font-weight:800;letter-spacing:.13em;color:var(--rose-deep)}.article-toc nav{display:flex;flex-direction:column;margin-top:22px;max-width:300px}.article-toc nav a{font-size:.84rem;line-height:1.6;padding:13px 0;border-bottom:1px solid #ecebf0;display:flex;gap:13px;align-items:baseline;transition:color .2s}.article-toc nav a:hover{color:var(--rose-deep)}.article-toc nav small{font-size:.62rem;color:var(--rose);font-weight:790;flex-shrink:0}.article-main{min-width:0;max-width:830px}.reading-section{display:grid;grid-template-columns:65px minmax(0,1fr);gap:20px;border-bottom:1px solid #e7e7eb;padding:0 0 70px;margin-bottom:70px;scroll-margin-top:25px}.reading-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.section-number{color:var(--rose);font-size:.75rem;letter-spacing:.13em;font-weight:800;padding-top:10px}.section-body h2{font-size:clamp(1.62rem,2.5vw,2.6rem);margin:0 0 28px;line-height:1.45}.section-body p{font-size:1rem;color:#535969;line-height:2.15;margin-bottom:19px}.check-list{list-style:none;padding:4px 0 0;margin:26px 0}.check-list li{position:relative;padding:10px 15px 10px 29px;font-size:.95rem;line-height:1.8;border-bottom:1px dashed #ede8e8}.check-list li::before{content:"";width:7px;height:7px;background:var(--rose);border-radius:50%;position:absolute;top:22px;left:5px}.inline-note{background:#fcf4f0;border-left:3px solid var(--rose);padding:19px 23px;color:#705d65;font-size:.9rem;line-height:1.85;margin-top:26px}.article-next{padding:95px var(--edge) 115px;max-width:var(--max);margin:auto}.article-next .section-heading{margin-bottom:42px}.article-next h2{margin-top:19px}.feature-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-link{position:relative;display:flex;flex-direction:column;gap:14px;min-height:245px;padding:32px 74px 35px 33px;background:#f1e9e9;border-radius:4px 26px 4px 4px;transition:background .25s,transform .25s}.feature-link:nth-child(even){background:#e3ede9}.feature-link:hover{background:#f7d9e1;transform:translateY(-4px)}.feature-kicker{color:var(--rose-deep);font-size:.74rem;font-weight:800;letter-spacing:.12em}.feature-link strong{font-size:1.5rem;letter-spacing:-.04em;line-height:1.4}.feature-link>span:not(.feature-kicker):not(.arrow){color:var(--muted);font-size:.9rem;line-height:1.8}.feature-link .arrow{position:absolute;top:25px;right:29px;font-size:1.45rem}.not-found{max-width:1000px;margin:auto;padding:150px var(--edge) 190px;text-align:center}.not-found h1{font-size:clamp(2.8rem,7vw,6rem);margin:30px 0}.not-found p{max-width:600px;margin:0 auto 35px;color:var(--muted)}.not-found .text-action{margin-left:25px}
@media (max-width:1100px){.site-header{height:80px}.desktop-nav{gap:15px}.desktop-nav a{font-size:.79rem}.home-hero{min-height:600px}.hero-footnote{margin-top:55px}.hero-art{min-height:460px}.home-intro{gap:6%}.article-hero{gap:5%}.article-toc nav a{font-size:.78rem}.article-layout{gap:4%}}
@media (max-width:960px){:root{--edge:32px}.site-header{height:74px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:1px solid #e3dfe1;border-radius:12px;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:20px var(--edge) 35px;box-shadow:0 20px 25px #16162924;max-height:calc(100dvh - 74px);overflow:auto}.mobile-nav a{padding:11px;border-bottom:1px solid var(--line);font-size:1.04rem;font-weight:700}.mobile-nav a[aria-current=page]{color:var(--rose-deep)}.home-hero{gap:10px;grid-template-columns:1fr .8fr;min-height:540px;padding-top:48px}.hero-copy h1{font-size:clamp(2.75rem,6vw,5.2rem)}.hero-art{min-height:440px}.path-grid{gap:12px}.path-card{min-height:360px;padding:24px}.path-card h3{font-size:1.7rem}.home-feature__copy{padding:55px 38px}.article-hero__media{min-height:380px}}
@media (max-width:720px){:root{--edge:22px}.site-header__inner{padding:0 var(--edge)}.home-hero{grid-template-columns:1fr;gap:12px;padding-top:44px;padding-bottom:70px}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(2.8rem,10.5vw,4.4rem);margin:24px 0}.hero-lead{font-size:1.02rem}.hero-actions{gap:20px}.hero-footnote{margin-top:35px}.hero-art{max-width:520px;width:92%;margin:25px auto 0;min-height:0;aspect-ratio:1.07}.hero-art img{height:100%;width:100%}.art-sticker{bottom:4%;left:-16px;padding:11px 13px;font-size:.68rem}.home-intro{padding:80px var(--edge);display:block}.home-intro h2{max-width:550px}.intro-content{padding-top:20px}.intro-content>p{font-size:1.03rem}.intro-content>.underlined-link{margin-bottom:38px}.editorial-image{border-top-left-radius:70px}.editorial-image img{height:310px}.home-paths{padding:75px var(--edge)}.section-heading.wide{margin-bottom:33px}.path-grid{grid-template-columns:1fr;gap:14px}.path-card{min-height:270px}.path-card h3{font-size:1.9rem}.home-feature{grid-template-columns:1fr}.home-feature__picture{max-height:390px}.home-feature__copy{padding:65px var(--edge)}.home-safety{grid-template-columns:1fr;padding:85px var(--edge);gap:24px}.home-safety h2{margin-bottom:0}.footer-top{display:block;padding-bottom:45px}.footer-top nav{margin-top:37px}.footer-bottom{flex-direction:column;gap:10px}.article-hero{grid-template-columns:1fr;padding:40px var(--edge) 52px}.breadcrumb{margin-bottom:38px}.article-hero h1{font-size:clamp(2.8rem,9.5vw,4.8rem)}.article-hero__media{max-height:340px;min-height:0;aspect-ratio:1.5;border-top-left-radius:90px;margin-top:18px}.article-layout{display:block;padding:65px var(--edge) 90px}.article-toc{position:static;padding:0 0 50px}.article-toc nav{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.article-main{max-width:none}.reading-section{grid-template-columns:36px minmax(0,1fr);gap:10px;padding-bottom:45px;margin-bottom:45px}.section-body h2{font-size:1.65rem}.section-body p{font-size:.95rem;line-height:2}.article-next{padding:70px var(--edge) 90px}.feature-links{grid-template-columns:1fr}.feature-link{min-height:210px}.not-found{padding-top:100px;padding-bottom:130px}}
@media (max-width:390px){:root{--edge:17px}.identity__name{font-size:1.13rem}.identity__name small{font-size:.45rem}.identity__symbol{width:37px;height:37px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-copy h1{font-size:2.6rem}.article-toc nav{grid-template-columns:1fr}.article-hero h1{font-size:2.5rem}.path-card h3{font-size:1.6rem}.reading-section{display:block}.section-number{display:block;margin-bottom:12px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}