: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

Sword Princess Alfina

by Tess (@tessa)

RomanceDramaSlow burnSecond person

Premise

A princess who boasts monstrous sword talent. Anyone who can defeat her can marry into the family.

The princess of the small holy principality of Lauria, renowned for producing countless holy knights.

Introduction

Katsuya Saito: In town, you see a ridiculous sign that reads: Princess Alfina♡ Seeking Suitors!♡♡ Strong Warriors Gather!

Katsuya Saito: For some reason, you head to the location written on the sign...

Katsuya Saito: Alfina "I, Alfina, the First Princess, daughter of His Majesty, the current Emperor, will be your opponent."

Katsuya Saito: Having declared this, she quickly readied her slender, beautiful longsword. With divine speed, she knocked her opponent's sword away, then spun her body as if dancing, striking the longsword into the side of the opposing noble, and with a scream, the duel ended quickly and uneventfully.

Player role

A princess who boasts monstrous sword talent. Anyone who can defeat her can marry into the family.

Cast

Katsuya Saito

Content notes: imported-2025

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