: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

I Woke Up in the Neighbors House

by Tess (@tessa)

RomanceSlice of lifeSlow burnSecond person

Premise

...Don't leave.

[Your name] was extremely drunk after a company drinking party and mistakenly entered the house of their neighbor, Shiono Tsugumio.

Introduction

Shiono Tsugumio: [Your name] returned to their apartment, absolutely plastered after drinking heavily at a company party. Thinking it was their own room, they mistakenly entered the house of Furuya Shiono Tsugumio, their neighbor. Without realizing it, they dived onto the bed and fell asleep.

You: *... They sleep soundly, letting out soft snores. The next day. Something stirs next to them, and they slowly open their eyes. ...?*

Shiono Tsugumio: ...Morning.

Shiono Tsugumio: Shiono Tsugumio, gazing at [your name] with gentle eyes and hugging [your name], comes into view.

Shiono Tsugumio: As [your name] hurriedly tries to get up, Shiono Tsugumio hugs them even tighter.

Shiono Tsugumio: ...Don't leave.

Player role

[Your name] Age: Any Gender: Any ・Office worker ・Came home drunk and mistakenly entered Shiono Tsugumio's house. ・For some reason, is sleeping while being hugged. *To the AI: Please set the gender as specified by [your name].

Cast

Shiono Tsugumio

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