:root{color-scheme:dark} body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#18191d;color:#f5f5f7;line-height:1.6} main{max-width:44rem;margin:0 auto;padding:2rem 1.25rem 4rem} header.site{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:72rem;margin:0 auto;padding:1.25rem} header.site a{color:#f5f5f7;text-decoration:none;font-weight:700;letter-spacing:.02em} .site-brand{display:inline-flex;align-items:center;gap:.55rem;font-size:1.15rem;letter-spacing:-.035em!important}.site-brand img{width:2rem;height:2rem}.site-brand b{font-size:1.22rem}.site-brand i{color:#e74282;font-style:normal} header.site a.cta{color:#18191d} .site-actions{display:flex;align-items:center;gap:.65rem} .language-switcher{position:relative} .language-switcher summary{display:flex;align-items:center;gap:.45rem;min-height:2.5rem;box-sizing:border-box;padding:.45rem .75rem;border:1px solid #3b3c44;border-radius:999px;background:#232429;cursor:pointer;font-size:.875rem;font-weight:650;line-height:1;list-style:none;user-select:none} .language-switcher summary::-webkit-details-marker{display:none} .language-switcher summary::after{content:"⌄";font-size:.9rem;color:#a7a8b3;transform:translateY(-.1rem);transition:transform .15s ease} .language-switcher[open] summary::after{transform:rotate(180deg) translateY(.1rem)} .language-switcher summary:focus-visible{outline:3px solid rgba(138,127,150,.35);outline-offset:2px} .language-menu{position:absolute;z-index:10;right:0;top:calc(100% + .5rem);min-width:9.5rem;padding:.4rem;background:#232429;border:1px solid #3b3c44;border-radius:.85rem;box-shadow:0 10px 30px rgba(43,35,56,.14)} header.site .language-menu a{display:flex;align-items:center;justify-content:space-between;padding:.55rem .7rem;border-radius:.55rem;font-size:.9rem;font-weight:550;letter-spacing:0;white-space:nowrap} header.site .language-menu a:hover{background:#34353e} header.site .language-menu a[aria-current="page"]{background:#2b2c33;font-weight:700} header.site .language-menu a[aria-current="page"]::after{content:"✓";margin-left:1rem;color:#d6b6ee} a.cta{display:inline-block;background:#f5f5f7;color:#18191d;padding:.65rem 1.2rem;border-radius:999px;text-decoration:none;font-weight:600} .eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#a7a8b3;margin-bottom:.25rem} .tags span,.tags a{display:inline-block;background:#2b2c33;border-radius:999px;padding:.15rem .7rem;margin:0 .35rem .35rem 0;font-size:.85rem;color:inherit;text-decoration:none} .card{background:#232429;border-radius:1rem;padding:1.25rem 1.5rem;margin:1rem 0;box-shadow:0 1px 3px rgba(43,35,56,.08)} article img{max-width:100%;height:auto;border-radius:1rem;display:block;margin:1.25rem 0} .cta-panel{border:1px solid #534353;background:#26232d} .article-meta{display:flex;flex-wrap:wrap;gap:.35rem .75rem;margin:.35rem 0 1.25rem;color:#a7a8b3;font-size:.85rem} .article-entry-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1.75rem;padding:.9rem 1rem;border:1px solid #3b3c44;border-radius:1rem;background:#232429} .article-entry-cta p{margin:0;font-weight:650} .article-entry-cta .entry-actions{display:flex;align-items:center;gap:.75rem;flex:0 0 auto} .article-entry-cta a:not(.cta){color:inherit;font-weight:600} .article-toc{margin:0 0 2rem;padding:1rem 1.25rem;border-left:3px solid #a7a8b3;background:#232429;border-radius:0 1rem 1rem 0} .article-toc ol{margin:.55rem 0 0;padding-left:1.25rem;columns:2;column-gap:2rem} .article-toc li{break-inside:avoid;margin:.2rem 0} .article-toc a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em} .crumbs{font-size:.85rem;color:#a7a8b3;margin-bottom:1rem} .crumbs a{color:inherit} .cta-panel a.cta{margin-right:.75rem} .landing-hero{width:100%;height:auto;border-radius:1rem;display:block;margin:1.5rem 0;box-shadow:0 8px 30px rgba(43,35,56,.12)} .notice{background:#26232d;border-radius:1rem;padding:1rem 1.25rem;font-size:.9rem} .public-footer{position:relative;margin-top:4rem;color:#f7f4f6;background:#151317;border-top:1px solid rgba(255,255,255,.08)} .public-footer-inner{max-width:72rem;margin:0 auto;padding:3.5rem 1.25rem 1.6rem}.public-footer-main{display:grid;grid-template-columns:minmax(14rem,1.15fr) minmax(32rem,2fr);gap:clamp(2.5rem,8vw,6.25rem);padding-bottom:3rem}.public-footer-brand{max-width:19rem}.public-footer-brand .site-brand{color:#fff}.public-footer-brand p{margin:1.1rem 0 .45rem;color:#aaa3ac;font-size:.84rem;line-height:1.65}.public-footer-brand small{color:#77717a}.public-footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.8rem}.public-footer-links nav{display:grid;align-content:start;gap:.7rem}.public-footer-links strong{margin-bottom:.25rem;color:#77717a;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}.public-footer-links a{width:fit-content;color:#d8d2d7;font-size:.78rem;text-decoration:none}.public-footer-links a:hover{color:#fff}.public-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;padding-top:1.35rem;color:#77717a;border-top:1px solid rgba(255,255,255,.08);font-size:.72rem}.public-footer-bottom p{margin:0}.public-footer .language-switcher summary{color:#eae5e9;border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.055)}.public-footer .language-menu{top:auto;right:0;bottom:calc(100% + .5rem);background:#211e23;border-color:rgba(255,255,255,.13)}.public-footer .language-menu a{display:flex;padding:.55rem .7rem;color:#eae5e9;text-decoration:none;border-radius:.55rem}.public-footer .language-menu a:hover,.public-footer .language-menu a[aria-current=page]{background:rgba(255,255,255,.08)} form.waitlist{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0} form.waitlist input[type=email]{flex:1;min-width:14rem;padding:.65rem 1rem;border-radius:999px;border:1px solid #3b3c44;font-size:1rem} form.waitlist button{background:#f5f5f7;color:#18191d;border:0;padding:.65rem 1.4rem;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer} .checker label{display:block;font-weight:650;margin:0 0 1rem}.checker textarea{display:block;box-sizing:border-box;width:100%;margin-top:.35rem;padding:.75rem;border:1px solid #3b3c44;border-radius:.65rem;background:#232429;color:inherit;font:inherit;resize:vertical}.checker button{border:0;cursor:pointer;background:#eee9f4;color:#211c28;padding:.75rem 1.2rem;min-height:44px;border-radius:999px;font:inherit;font-weight:650}.checker button:disabled{opacity:.55;cursor:default}.checker button:focus-visible{outline:2px solid #d6b2f1;outline-offset:3px} @media(max-width:50rem){.public-footer-main{grid-template-columns:1fr}.public-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:30rem){header.site{padding:1rem;gap:.65rem}.site-actions{gap:.4rem}.language-switcher summary{padding:.4rem .6rem}.header-cta{padding:.6rem .85rem}.article-entry-cta{display:block}.article-entry-cta .entry-actions{margin-top:.75rem}.article-toc ol{columns:1}.public-footer-inner{padding-top:2.5rem}.public-footer-main{padding-bottom:2rem}.public-footer-bottom{align-items:flex-start;flex-direction:column-reverse}} a{color:#d6b6ee;text-underline-offset:.2em}a:hover{color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #d6b6ee;outline-offset:4px} a.cta,header.site a.cta{background:#eee9f4;color:#211c28}main{max-width:70rem}main>article,.article-toc,.article-entry-cta,.crumbs{max-width:48rem}main>article{font-size:1.05rem;line-height:1.85}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;letter-spacing:-.035em}h2{letter-spacing:-.02em;margin-top:2.4rem}p{color:#b7b8c2}article strong{color:#eeeef2}header.site{border-bottom:1px solid #303138}.card{border:0;box-shadow:none}.related-plots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.story-card{display:block;margin:0;text-decoration:none;overflow:hidden}.story-card img{width:100%;height:230px;object-fit:cover;border-radius:.65rem;margin-bottom:1rem}.story-card strong{font-size:1.15rem;color:#f5f5f7}.story-card p{font-size:.95rem;margin-bottom:0}.public-footer .site-brand{color:#fff}pre{background:#232429;padding:1rem;overflow:auto;border-radius:.75rem}table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse}th,td{padding:.75rem;border:1px solid #3b3c44}input,textarea,select{color:#f5f5f7!important;background:#232429!important}button{cursor:pointer}@media(max-width:640px){.related-plots{grid-template-columns:1fr}.story-card img{height:240px}header.site{padding:1rem}.site-brand b{font-size:1.1rem}.site-actions{gap:.4rem}.language-switcher summary{font-size:.75rem;padding:.4rem .55rem}header.site a.cta{font-size:.85rem;padding:.6rem .85rem;white-space:nowrap}.article-entry-cta .entry-actions{flex-wrap:wrap;gap:.65rem}.entry-actions a{font-size:.9rem;white-space:nowrap}main{padding:1.5rem 1rem 3rem}main>article{font-size:1rem}.article-toc ol{columns:1}.article-entry-cta{align-items:flex-start}.public-footer-main{min-width:0}} *, *::before, *::after { box-sizing: border-box; } html { scroll-padding-top: 2rem; } ::selection { background: var(--accent-soft); color: var(--ink); } main { max-width: 76rem; padding: 2rem 2rem 4rem; } h1 { font-size: clamp(30px,3vw,42px); line-height: 1.2; letter-spacing: -.04em; } .eyebrow { color: var(--muted); font-size: 11px; letter-spacing: .09em; font-weight: 650; } .editorial-dot { display: inline-block; width: 6px; height: 6px; margin: 0 .6rem .1rem 0; border-radius: 50%; background: var(--accent); } a.cta, header.site a.cta { display: inline-flex; align-items: center; justify-content: center; gap: .75rem; min-height: 44px; border: 1px solid transparent; border-radius: var(--radius-pill); padding: .7rem 1.1rem; font-size: 13px; font-weight: 650; line-height: 1.4; text-decoration: none; transition: background var(--motion-fast); } html[data-product-ui] a.cta { color: var(--action-fg); background: var(--action-bg); } html[data-product-ui] a.cta:hover { color: var(--action-fg); background: var(--action-bg); opacity: .88; } header.site a.cta { min-height: 40px; font-size: 13px; } a.cta span { font-size: 16px; } .site-actions { gap: .7rem; } .crumbs { max-width: none; font-size: 12px; line-height: 1.7; margin-bottom: 2rem; color: var(--muted); overflow-wrap: anywhere; } .crumbs a { text-decoration: none; } .crumbs span { color: var(--muted); } .editorial-hero { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 3.5rem; align-items: center; padding: 1rem 0 3rem; border-bottom: 1px solid var(--line); } .hero-copy { min-width: 0; } .hero-copy h1 { margin: 1rem 0 1.2rem; text-wrap: balance; } .hero-intro p { font-size: 16px; line-height: 1.8; margin: 0; } .hero-intro strong { color: var(--ink); font-weight: 550; } .article-meta { display: grid; gap: .25rem; margin: 1.25rem 0; font-size: 12px; color: var(--muted); } .hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.25rem; margin-top: 1.5rem; } .text-cta { display: inline-flex; gap: .7rem; align-items: center; font-size: 13px; font-weight: 550; text-decoration: none; line-height: 1.6; } .hero-art { position: relative; min-width: 0; aspect-ratio: 1.25; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: var(--card); } .hero-art img { display: block; width: 100%; height: 100%; object-fit: cover; } .hero-art-mark { display: none; } .editorial-layout { display: grid; grid-template-columns: 14rem minmax(0,43rem); justify-content: space-between; gap: 3.5rem; padding: 3rem 0 1.5rem; } .editorial-rail { align-self: start; position: sticky; top: 2rem; max-height: calc(100vh - 4rem); overflow: auto; scrollbar-width: thin; } .article-toc { background: none; border: 0; border-radius: 0; padding: 0; margin: 0; max-width: none; } .article-toc .eyebrow { margin: 0 0 1rem; } .article-toc ol, .mobile-toc ol { list-style: none; columns: 1; padding: 0; margin: 0; } .article-toc li { margin: 0; } html[data-product-ui] .article-toc a, html[data-product-ui] .mobile-toc a { display: flex; gap: .8rem; align-items: baseline; padding: .6rem .25rem; text-decoration: none; font-size: 13px; line-height: 1.55; color: var(--muted); border-radius: 6px; } .article-toc a span, .mobile-toc a span { font-size: 11px; font-variant-numeric: tabular-nums; color: var(--muted); } html[data-product-ui] .article-toc a:hover, html[data-product-ui] .mobile-toc a:hover { color: var(--ink); background: var(--card); } .rail-link { display: flex; justify-content: space-between; gap: .5rem; text-decoration: none; font-size: 13px; padding: 1.25rem .25rem; margin-top: 1rem; border-top: 1px solid var(--line); } .mobile-toc { display: none; } .editorial-content { min-width: 0; max-width: none; font-size: 16px; line-height: 1.85; color: var(--ink); overflow-wrap: anywhere; } html[data-product-ui] .editorial-content :is(p,li) { color: var(--ink); } .editorial-content > p:first-child { margin-top: 0; } .editorial-content h2 { color: var(--ink); font-size: 25px; line-height: 1.4; letter-spacing: -.025em; margin: 3rem 0 1rem; text-wrap: balance; scroll-margin-top: 1.5rem; } .editorial-content h3 { color: var(--ink); font-size: 19px; line-height: 1.5; margin: 2rem 0 .75rem; scroll-margin-top: 1.5rem; } .editorial-content strong { font-weight: 650; } .editorial-content li { margin: .6rem 0; } .editorial-content :is(ul,ol) { padding-left: 1.5rem; } .editorial-content blockquote { margin: 1.5rem 0; padding: 1rem 1.25rem; background: var(--card); border: 1px solid var(--line); border-left: 3px solid var(--accent); border-radius: 0 12px 12px 0; } .editorial-content blockquote p { margin: .3rem 0; } .editorial-content a { text-decoration-thickness: 1px; } .editorial-content figure { margin: 1.75rem 0; background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: .5rem; } .editorial-content figure img { margin: 0; width: 100%; border-radius: 12px; } .editorial-content figcaption { font-size: 12px; line-height: 1.65; color: var(--muted); padding: .8rem .6rem .4rem; } .editorial-content img { border: 1px solid var(--line); } .editorial-content a:has(>img) { display: block; } .editorial-content code { font-size: .85em; } .editorial-content pre { border: 1px solid var(--line); padding: 1.25rem; line-height: 1.7; } .editorial-content table { font-size: 14px; line-height: 1.7; margin: 1.5rem 0; } .editorial-content th { background: var(--card); color: var(--ink); text-align: left; font-weight: 650; } .editorial-content details:not(.mobile-toc) { border: 1px solid var(--line); border-radius: 12px; padding: 1rem; margin: 1rem 0; } .editorial-content summary { cursor: pointer; color: var(--ink); font-size: 14px; font-weight: 550; } .cta-panel { margin: 3rem 0; padding: 2.5rem; } .cta-panel-copy { max-width: 43rem; } .cta-panel .eyebrow { margin: 0 0 .8rem; } .cta-panel h2 { font-size: clamp(24px,2.5vw,32px); line-height: 1.3; letter-spacing: -.035em; margin: 0; color: var(--ink); text-wrap: balance; } .cta-panel p:not(.eyebrow) { font-size: 15px; line-height: 1.8; margin: 1rem 0; } .cta-panel a.cta { margin: 0; } html[data-product-ui] .cta-panel a.cta, html[data-product-ui] .creator-resources a.cta { color: var(--accent-contrast); background: var(--accent-solid); } html[data-product-ui] .cta-panel a.cta:hover, html[data-product-ui] .creator-resources a.cta:hover { background: var(--accent-hover); } .editorial-related { margin-top: 3rem; } .editorial-related h2 { font-size: 24px; margin: .5rem 0 1.5rem; } .guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; } .guide-card { display: flex; flex-direction: column; padding: 0; margin: 0; text-decoration: none; overflow: hidden; transition: border-color var(--motion-fast), background var(--motion-fast); } html[data-product-ui] .guide-card:hover { border-color: var(--line-strong); background: var(--card-hover); } .guide-card img { display: block; width: 100%; height: auto; aspect-ratio: 1.9; object-fit: cover; } .guide-card > div { display: flex; flex: 1; flex-direction: column; padding: 1.25rem; } .guide-card strong { color: var(--ink); font-size: 17px; font-weight: 650; line-height: 1.5; } .guide-card p { font-size: 14px; line-height: 1.75; margin: .75rem 0 1rem; } .guide-arrow { color: var(--muted); font-size: 20px; margin-top: auto; } .story-card { padding: .5rem; } .story-card strong, .story-card p { display: block; margin: .65rem .75rem; } .story-card p { font-size: 14px; line-height: 1.7; margin-bottom: 1rem; } .story-card img { height: 270px; } .directory-heading { max-width: 43rem; margin: 1rem 0 2.5rem; } .directory-heading h1 { margin: .75rem 0 1rem; } .directory-heading > p { font-size: 16px; line-height: 1.8; } .directory-heading > .eyebrow { font-size: 11px; } .guide-directory { padding-bottom: 1rem; } .creator-resources { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,24rem); gap: 3rem; align-items: center; margin-top: 3rem; padding: 2rem; border: 1px solid var(--line); border-radius: 20px; background: var(--card); } .creator-resource-copy h2 { font-size: 24px; line-height: 1.4; margin: 0 0 .75rem; } .creator-resource-copy p { font-size: 15px; line-height: 1.8; margin: 0; } .creator-resource-actions p { margin: .75rem 0; font-size: 13px; } .creator-resource-actions p:first-child { margin-top: 0; } .creator-resource-actions p:last-child { margin-bottom: 0; } .public-footer { margin-top: 2rem; } .editorial-content .workshop-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 1.6rem 0 2rem; } .editorial-content .workshop-panel { min-width: 0; border: 1px solid var(--line-strong); border-radius: 20px; padding: 1.25rem; background: var(--card); } .editorial-content .workshop-panel .eyebrow { margin: 0; color: var(--accent-dark); } .editorial-content .workshop-panel h3 { font-size: 17px; margin: .6rem 0 1rem; } .editorial-content .workshop-panel p, .editorial-content .workshop-panel li { font-size: 14px; line-height: 1.8; } .editorial-content .workshop-panel blockquote { padding: .7rem .9rem; margin: 1rem 0; background: var(--paper); } .editorial-content .workshop-panel > p:last-child { margin-bottom: 0; } .collection-page h2 { font-size: clamp(24px,2.5vw,32px); letter-spacing: -.03em; line-height: 1.35; } .collection-page .directory-heading { max-width: 49rem; } .collection-nav { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; } .collection-method, .collection-byline, .collection-notes { font-size: 13px; color: var(--muted); } .collection-picks { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; margin: 2rem 0 3rem; } .collection-pick.card { padding: 0; margin: 0; overflow: hidden; } .collection-pick > img, .collection-art { margin: 0; display: block; width: 100%; height: 240px; object-fit: cover; object-position: center 25%; } .collection-art { display: grid; place-items: center; background: var(--accent-soft); } .collection-art span { font-size: 4rem; color: var(--accent-dark); } .collection-pick-copy { padding: 1.5rem; } .collection-pick h3 { font-size: 24px; line-height: 1.4; letter-spacing: -.02em; margin: .7rem 0; } html[data-product-ui] .collection-pick h3 a { color: var(--ink); text-decoration: none; } .collection-pick dl { font-size: 14px; line-height: 1.8; } .collection-pick dt { color: var(--ink); font-size: 12px; font-weight: 650; margin: 1.3rem 0 .3rem; } .collection-pick dd { margin: 0; color: var(--muted); } .collection-pick summary { cursor: pointer; color: var(--accent-dark); padding: .8rem 0; font-size: 14px; } .collection-pick blockquote { margin: .2rem 0 1rem; padding: 1rem; border-left: 2px solid var(--accent); color: var(--ink); background: var(--paper); } .collection-pick .text-cta { margin-top: .75rem; } .collection-how { padding: 2rem; margin: 2rem 0 3rem; } .collection-how li { margin: .8rem 0; color: var(--ink); } .collection-catalog { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; } .collection-catalog-card.card { padding: 0; overflow: hidden; margin: 0; text-decoration: none; } .collection-catalog-card > img, .collection-catalog-card > .collection-art { display: block; width: 100%; height: 190px; object-fit: cover; object-position: center 25%; } .collection-catalog-card > .collection-art { display: grid; } .collection-catalog-card > div:not(.collection-art) { padding: 1.25rem; } .collection-catalog-card h3 { font-size: 17px; color: var(--ink); line-height: 1.5; margin: 0; } .collection-catalog-card p { font-size: 14px; } .collection-catalog-card small { font-size: 12px; color: var(--muted); } .collection-next { border-top: 1px solid var(--line); margin-top: 3rem; padding-top: 2rem; } .collection-next a { margin: 0 1.5rem 1rem 0; } .collection-page section { scroll-margin-top: 1.5rem; } .product-showcase { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin: 2rem 0; } .product-showcase figure { min-width: 0; margin: 0; background: var(--card); border: 1px solid var(--line); border-radius: 20px; overflow: hidden; } .product-showcase img { display: block; width: 100%; height: auto; aspect-ratio: 9/16; object-fit: contain; margin: 0; border-radius: 0; } .product-showcase figcaption { padding: 1rem; font-size: 14px; line-height: 1.7; color: var(--muted); } .product-showcase figure:last-child { grid-column: auto; } :lang(ja) .hero-copy h1, :lang(zh-CN) .hero-copy h1 { font-size: clamp(28px,2.8vw,38px); line-height: 1.5; letter-spacing: -.025em; } :lang(ko) .hero-copy h1 { word-break: keep-all; line-height: 1.4; } :lang(ko) :is(.editorial-content,.guide-card,.cta-panel,.creator-resources) { word-break: keep-all; overflow-wrap: anywhere; } :lang(ja) .editorial-content, :lang(zh-CN) .editorial-content { line-height: 2; } @media(max-width:960px) { .editorial-hero { gap: 2rem; } .editorial-layout { grid-template-columns: 12rem minmax(0,1fr); gap: 2rem; } .guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .editorial-content .workshop-grid { grid-template-columns: 1fr; } .creator-resources { gap: 2rem; grid-template-columns: minmax(0,1fr) minmax(0,1fr); } } @media(max-width:720px) { main { padding: 1.5rem 1.25rem 3rem; } .crumbs { font-size: 11px; margin-bottom: 1.5rem; } .editorial-hero { grid-template-columns: 1fr; padding: 0 0 2rem; gap: 1.75rem; } .hero-copy h1 { font-size: 30px; margin: .8rem 0 1rem; } .hero-intro p { font-size: 15px; } .hero-art { aspect-ratio: 1.9; max-height: 300px; grid-row: 2; } .hero-actions { gap: 1rem; } .editorial-layout { display: block; padding-top: 1.5rem; } .editorial-rail { display: none; } .mobile-toc { display: block; margin: 0 0 2rem; padding: 1rem; background: var(--card); border: 1px solid var(--line); border-radius: 12px; } .mobile-toc ol { margin-top: .7rem; } .mobile-toc a { min-height: 44px; } .editorial-content h2 { font-size: 23px; margin-top: 2.5rem; } .editorial-content blockquote { padding: 1rem; } .editorial-content figure { padding: .4rem; border-radius: 16px; } .cta-panel { padding: 1.5rem; margin: 2.5rem 0; } .guide-grid, .related-plots, .collection-picks, .collection-catalog { grid-template-columns: 1fr; } .guide-card img { aspect-ratio: 1.9; } .story-card img { height: 260px; } .directory-heading { margin-top: .5rem; } .directory-heading h1 { font-size: 30px; } .creator-resources { grid-template-columns: 1fr; padding: 1.5rem; gap: 1rem; } .public-footer-main { min-width: 0; } .collection-pick-copy, .collection-how { padding: 1.25rem; } .collection-nav { gap: 1rem; } .collection-how ol { padding-left: 1.2rem; } } @media(max-width:640px) { .product-showcase { grid-template-columns: 1fr; max-width: 24rem; margin: 2rem auto; gap: 1.5rem; } } @media(max-width:360px) { header.site .site-brand b { display: none; } .site-actions { gap: .4rem; } } @media(prefers-reduced-motion:reduce) { a.cta, .guide-card { transition: none; } } @font-face { font-family: 'Mona Sans Variable'; font-style: normal; font-display: swap; font-weight: 200 900; font-stretch: 75% 125%; src: url('/mona-sans-latin-standard-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } html[data-product-ui] body { font-family: var(--font-ui); font-synthesis: none; } html[data-product-ui] :is(header.site, main, .public-footer-inner) { max-width: 76rem; } html[data-product-ui] header.site { padding: 1rem 2rem; border-color: var(--line); } html[data-product-ui] .site-brand { color: var(--ink); text-decoration: none; } html[data-product-ui] .site-brand b { font-stretch: 125%; font-weight: 750; letter-spacing: -.04em; } html[data-product-ui] .site-brand i { color: var(--accent); } html[data-product-ui] :is(header.site a.cta, .language-switcher summary) { color: var(--ink); background: var(--card); border: 0; border-radius: var(--radius-pill); font-weight: 550; box-shadow: none; } html[data-product-ui] header.site a.cta:hover { color: var(--ink); background: #343438; transform: none; opacity: 1; } html[data-product-ui] .language-menu { color: var(--ink); background: var(--card); border-color: var(--line-strong); box-shadow: var(--shadow); } html[data-product-ui] .language-menu a { color: var(--ink); } html[data-product-ui] .language-menu a:is(:hover,[aria-current=page]) { color: var(--ink); background: var(--card-hover); } html[data-product-ui] .language-menu a[aria-current=page]::after { color: var(--accent-dark); } html[data-product-ui] .public-footer { background: var(--paper); border-color: var(--line); } html[data-product-ui] .public-footer :is(p, small, strong, .public-footer-bottom) { color: var(--muted); } html[data-product-ui] .public-footer-links a { color: var(--muted); } html[data-product-ui] .public-footer-links a:hover { color: var(--ink); } html[data-product-ui] .public-footer-bottom { border-color: var(--line); } html[data-product-ui] body { background: var(--paper); color: var(--ink); } html[data-product-ui] :is(h1,h2,h3) { font-stretch: 125%; font-weight: 650; } html[data-product-ui] p { color: var(--muted); } html[data-product-ui] article strong { color: var(--ink); } html[data-product-ui] a { color: var(--accent-dark); } html[data-product-ui] a:hover { color: var(--ink); } html[data-product-ui] :is(a,button,summary,input,textarea,select):focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; } html[data-product-ui] .card { background: var(--card); border: 0; border-radius: 20px; box-shadow: none; } html[data-product-ui] :is(.notice,.article-entry-cta,pre,.tags a,.tags span) { background: var(--card); color: var(--ink); border-color: var(--line); } html[data-product-ui] :is(input,textarea,select) { color: var(--ink)!important; background: var(--paper)!important; font-family: inherit; border-color: var(--line-strong); } html[data-product-ui] :is(.checker button,form.waitlist button) { background: var(--action-bg); color: var(--action-fg); } html[data-product-ui] :is(th,td) { border-color: var(--line-strong); } html[data-product-ui] .story-card strong { color: var(--ink); } html[data-product-ui] .public-footer .site-brand { color: var(--ink); text-decoration: none; } html[data-product-ui] .public-footer-inner { padding-inline: 2rem; } @media(max-width:720px) { html[data-product-ui] header.site { padding: 1rem; } html[data-product-ui] .public-footer-inner { padding-inline: 1.25rem; } html[data-product-ui] :is(input,textarea,select) { font-size: 16px; } } #boot-splash{display:none!important}

teasa.ai

Open Teasa

The Man in Black

by Tess (@tessa)

RomanceSlow burnSecond person

Premise

The Man in Black

Shimura Sae (Kurosaki Itsuki) Age: 25 Height: 195cm Your husband.

Introduction

Shimura Sae: At the company, Itsuki was busy working in the president's office. A female employee who liked Itsuki had approached him earlier. Even though Itsuki stated he was married, she ignored his words and continued to pursue him. After he had driven her away, the exhaustion accumulated, and he let out a heavy sigh.

Shimura Sae: Haa... Why are there female employees who like me...? When [your name] was here, there was no one like that... I want to finish work quickly and see [your name] at home...

Player role

[Your name] Age: 23 Height: 165cm Itsuki's wife. Formerly Itsuki's secretary at the company. She has a small face, fair skin, jet-black long hair reaching her waist, a voluptuous chest, and is a beautiful and intelligent woman. She received a VIP black card from Itsuki but doesn't often buy very expensive items, only about 5-6 times a month. You are not interested in Itsuki's power or wealth, only in his love. You become very sweet in front of Itsuki. Itsuki and Your Relationship Before marriage, you were Itsuki's secretary, and Itsuki was the president, an employer-employee relationship. Itsuki fell deeply in love with you because you performed your work quickly and perfectly. Afterward, he proposed to you, and you have now been married for three years. No matter what happens, you and Itsuki never take off your wedding rings. Home The home you and Itsuki share. It is an 8 billion Japanese yen mansion with three stories. The interior of your and Itsuki's home is very spacious, and all the furniture is large. Itsuki buys many luxury cars for travel and business, and the garage contains dozens of luxury cars. Company The company has many branches worldwide, including overseas. The headquarters is a skyscraper with many guards. Itsuki is the president of companies across the globe...

Cast

Shimura Sae

Learn how player replies shape a scene in the AI roleplay guide, or read how creators structure reusable guidance in the Blueprint guide.

Start this story in Teasa