:root{--bg:#f7f3ec;--surface:#fffdf8;--ink:#24211f;--muted:#756e67;--accent:#f04b2f;--accent-hover:#d93c24;--border:#ddd5cb;--success:#2f855a;--warning:#c27a17;--danger:#c53b35}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-header{justify-content:space-between;align-items:center;gap:25px;max-width:1240px;height:72px;margin:auto;padding:0 28px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:9px;font-size:19px;font-weight:900;display:flex}.brand-icon{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.site-header nav{color:var(--muted);gap:28px;font-size:14px;font-weight:700;display:flex}.site-header nav a:hover{color:var(--accent)}.nav-actions,.actions{align-items:center;gap:17px;display:flex}.text-link{align-items:center;gap:7px;font-size:14px;font-weight:800;display:inline-flex}.text-link:hover{color:var(--accent)}.button{background:var(--accent);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 9px 22px #f04b2f33}.button:hover{background:var(--accent-hover);transform:translateY(-1px)}.button:focus-visible,.text-link:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #ffb7a8}.button-small{padding:10px 14px;font-size:13px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;max-width:1184px;margin:auto;padding:83px 26px 94px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.04em;align-items:center;gap:7px;margin:0 0 16px;font-size:13px;font-weight:900;display:flex}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(46px,5.6vw,77px);font-weight:900;line-height:1.05}.lead{max-width:470px;color:var(--muted);margin:25px 0 28px;font-size:17px;line-height:1.8}.trust{color:#5f675e;align-items:center;gap:8px;margin-top:28px;font-size:13px;font-weight:700;display:flex}.hero-media{justify-self:end;width:min(100%,436px);height:506px;position:relative}.hero-media img{object-fit:cover;object-position:top;width:100%;height:100%;box-shadow:18px 18px 0 var(--ink);border-radius:23px}.slanted-label{background:var(--surface);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:10px 13px;font-size:12px;font-weight:900;position:absolute;bottom:35px;left:-30px;transform:rotate(-5deg)}.quick-section,.template-section{max-width:1184px;margin:auto;padding:76px 26px}.quick-section h2,.section-title h2,.feature-split h2{letter-spacing:-.06em;margin:0 0 28px;font-size:clamp(31px,3.6vw,48px);line-height:1.1}.quick-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.quick-grid a{background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:8px;padding:24px;transition:all .2s;display:grid}.quick-grid a:hover{border-color:var(--accent);transform:translateY(-3px)}.quick-grid span{color:var(--accent)}.quick-grid strong{font-size:18px}.quick-grid small,.template-grid small{color:var(--muted);line-height:1.6}.feature-split{background:#e9e2d7;grid-template-columns:1fr .83fr;align-items:center;gap:85px;padding:78px max(26px,50% - 565px);display:grid}.feature-split p:not(.eyebrow){color:var(--muted);max-width:490px;margin:0 0 24px;line-height:1.8}.feature-split img{object-fit:cover;object-position:top;border-radius:18px;width:100%;height:430px}.section-title{justify-content:space-between;align-items:end;gap:20px;display:flex}.template-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.template-grid a{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:7px;min-height:145px;padding:18px;transition:all .2s;display:flex}.template-grid a:hover{border-color:var(--accent)}.template-grid span{color:var(--accent);font-size:12px;font-weight:900}.template-grid strong{font-size:17px}.steps{grid-template-columns:repeat(3,1fr);gap:50px;max-width:1184px;margin:auto;padding:10px 26px 90px;display:grid}.steps>div{border-top:2px solid var(--ink);padding-top:14px}.steps span{color:var(--accent);font-size:13px;font-weight:900}.steps h3{margin:10px 0;font-size:20px}.steps p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.site-footer{border-top:1px solid var(--border);max-width:1184px;color:var(--muted);justify-content:space-between;gap:20px;margin:auto;padding:29px 26px;font-size:12px;display:flex}.site-footer div{gap:17px;display:flex}.status{color:#605b54;background:#ede8e0;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.status-success{color:var(--success);background:#e0f3e8}.status-warning{color:var(--warning);background:#fff0d5}.status-danger{color:var(--danger);background:#fde5e4}@media (max-width:760px){.site-header{padding:0 20px}.site-header nav,.nav-actions .text-link{display:none}.hero{grid-template-columns:1fr;gap:44px;padding:47px 21px 63px}.hero h1{font-size:50px}.hero-media{justify-self:center;height:430px}.quick-section,.template-section{padding:60px 21px}.quick-grid,.template-grid,.steps{grid-template-columns:1fr}.feature-split{grid-template-columns:1fr;gap:42px;padding:60px 21px}.feature-split img{height:360px}.steps{gap:28px;padding:50px 21px}.site-footer{flex-direction:column;margin:0 20px;padding:25px 0}.site-footer div{flex-wrap:wrap}.slanted-label{left:-8px}.section-title{flex-direction:column;align-items:start}}@media (max-width:390px){.hero h1{font-size:43px}.hero-media{height:380px}.actions{flex-direction:column;align-items:flex-start}}.nav-actions form{margin:0}.nav-logout{color:var(--muted);background:0 0;border:0;padding:4px;font-size:13px;font-weight:700}.nav-logout:hover{color:var(--accent)}
.app-page{max-width:1184px;margin:auto;padding:64px 26px 90px}.page-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px;display:flex}.page-head h1{letter-spacing:-.07em;margin:0;font-size:clamp(36px,4.5vw,61px);line-height:1.05}.page-head p:not(.eyebrow){color:var(--muted);max-width:560px;margin:16px 0 0;line-height:1.7}.stat-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:28px;display:grid}.stat-grid article,.panel,.empty-panel,.outline-panel,.wallet-hero{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:23px}.stat-grid span{color:var(--muted);font-size:13px;display:block}.stat-grid strong{letter-spacing:-.06em;margin:8px 0;font-size:30px;display:block}.stat-grid small,.stat-grid a{color:var(--muted);font-size:13px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel-title,.section-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.panel h2{align-items:center;gap:8px;font-size:18px;display:flex}.panel p{color:var(--muted);line-height:1.7}.pet-list,.project-list,.ranking-table{gap:12px;display:grid}.pet-list article,.project-list article,.ranking-table article{background:var(--surface);border:1px solid var(--border);border-radius:15px;align-items:center;gap:16px;padding:18px;display:flex}.pet-list article>div:last-child,.project-list article>a{margin-left:auto}.pet-avatar{width:62px;height:62px;color:var(--accent);background:#f6ded7;border-radius:15px;place-items:center;display:grid}.pet-list h2,.project-list h2,.ranking-table h2{margin:0 0 6px;font-size:18px}.pet-list p,.project-list p,.ranking-table p{color:var(--muted);margin:0 0 5px;font-size:13px}.pet-list small{color:var(--success);font-size:12px}.empty-panel{text-align:center;color:var(--muted);border-style:dashed;margin-top:28px}.empty-panel h2{color:var(--ink);font-size:19px}.template-browser{margin-top:56px}.template-browser select{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:9px}.outline-panel{background:#fff3eb;align-items:flex-start;gap:15px;margin-top:45px;display:flex}.outline-panel h2{margin:0;font-size:18px}.outline-panel p{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:1.6}.result-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:30px;display:grid}.result-layout>img{border:1px solid var(--border);border-radius:18px;width:100%;height:auto}.result-layout aside{gap:10px;display:grid}.outline-button{border:1px solid var(--border);color:var(--ink);background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:800;display:flex}.outline-button:hover{border-color:var(--accent);color:var(--accent)}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.filter-row button{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 11px;font-size:13px;font-weight:700}.filter-row button:first-child{background:var(--ink);color:#fff;border-color:var(--ink)}.community-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.community-grid article{background:var(--surface);border:1px solid var(--border);border-radius:17px;overflow:hidden}.community-grid article>img{object-fit:cover;object-position:top;width:100%;height:430px}.community-grid article>div{padding:17px}.community-grid h2{letter-spacing:-.05em;margin:10px 0 6px;font-size:20px}.community-grid p{color:var(--muted);margin:0;font-size:13px}.post-actions{gap:15px;margin-top:16px;display:flex}.post-actions button{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:13px;display:flex}.rank-tabs{gap:7px;margin-bottom:16px;display:flex}.rank-tabs button{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:8px 12px;font-weight:800}.rank-tabs button:first-child{background:var(--ink);color:#fff}.ranking-table article>strong{color:var(--accent);font-size:22px}.ranking-table img{object-fit:cover;object-position:top;border-radius:10px;width:56px;height:56px}.ranking-table article>span{color:var(--accent);margin-left:auto;font-size:13px;font-weight:900}.wallet-hero{background:var(--ink);color:#fff;align-items:center;gap:17px;margin-bottom:28px;display:flex}.wallet-hero>svg{color:#ffa791}.wallet-hero span,.wallet-hero p{color:#cbc3b8;margin:0;font-size:13px;display:block}.wallet-hero strong{letter-spacing:-.07em;font-size:42px;display:block}.wallet-hero .button{margin-left:auto}.ledger{display:grid}.ledger>div{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:15px;padding:15px 0;font-size:14px;display:grid}.ledger>div:last-child{border:0}.ledger small{color:var(--muted)}.ledger strong{font-size:15px}.positive{color:var(--success)}.plan-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.plan-grid article{border:1px solid var(--border);background:var(--surface);border-radius:17px;flex-direction:column;padding:24px;display:flex}.plan-grid article.featured{border:2px solid var(--accent);box-shadow:0 10px 26px #f04b2f1f}.plan-grid h2{margin:0;font-size:19px}.plan-grid>article>strong{letter-spacing:-.06em;margin:15px 0;font-size:31px}.plan-grid ul{color:var(--muted);gap:10px;margin:0 0 25px;padding:0;font-size:14px;list-style:none;display:grid}.plan-grid li{align-items:center;gap:7px;display:flex}.plan-grid li svg{color:var(--success)}.plan-grid button{margin-top:auto}.notice{text-align:center;color:var(--muted);margin-top:25px;font-size:13px}.form-page{place-items:center;min-height:calc(100dvh - 132px);padding:35px 20px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:19px;gap:18px;width:min(100%,470px);padding:35px;display:grid}.auth-card h1{letter-spacing:-.07em;margin:0;font-size:38px;line-height:1.07}.auth-card p{color:var(--muted);margin:0;line-height:1.7}.auth-card label{gap:7px;font-size:13px;font-weight:800;display:grid}.auth-card input{border:1px solid var(--border);background:#fff;border-radius:10px;padding:12px}.auth-card small{color:var(--muted);font-size:12px;line-height:1.6}@media (max-width:760px){.app-page{padding:45px 21px 65px}.page-head{flex-direction:column;align-items:start;gap:18px}.stat-grid,.dashboard-grid,.community-grid,.plan-grid,.result-layout{grid-template-columns:1fr}.result-layout aside{position:static}.community-grid article>img{height:390px}.ranking-table article{gap:10px}.ranking-table article>span{display:none}.wallet-hero{flex-wrap:wrap;align-items:flex-start}.wallet-hero .button{width:100%;margin-left:0}.ledger>div{grid-template-columns:1fr auto}.ledger small{grid-row:2}.ledger strong{grid-area:1/2}.pet-list article{align-items:flex-start}.pet-list article>div:last-child{display:none}}@media (max-width:390px){.page-head h1{font-size:36px}.auth-card{padding:27px 20px}}.account-profile{max-width:620px}.account-profile h2,.account-danger h2{margin-top:0}.account-profile dl{gap:13px;margin:0;display:grid}.account-profile dl>div{justify-content:space-between;gap:20px;display:flex}.account-profile dt{color:var(--muted);font-size:14px}.account-profile dd{margin:0;font-weight:800}.account-danger{border-color:#efc7c1;max-width:620px;margin-top:18px}.account-danger>div{color:var(--danger);gap:11px;display:flex}.account-danger p{color:var(--muted)}.account-danger form{gap:12px;margin-top:18px;display:grid}.account-danger label{color:var(--ink);gap:7px;font-size:13px;font-weight:700;display:grid}.account-danger input{border:1px solid var(--border);background:#fff;border-radius:9px;padding:11px}.account-danger .pet-delete{justify-self:start}
.home-feed{max-width:1184px;margin:auto;padding:68px 26px 96px}.feed-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.feed-heading h2{letter-spacing:-.07em;margin:0;font-size:clamp(34px,4vw,52px);line-height:1}.feed-heading p:not(.eyebrow){color:var(--muted);margin:13px 0 0;font-size:14px}.feed-sort{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:3px;display:flex}.feed-sort button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:8px 11px;font-size:13px;font-weight:800}.feed-sort button.active{background:var(--ink);color:#fff}.feed-categories{scrollbar-width:none;gap:8px;padding:4px 0 22px;display:flex;overflow:auto}.feed-categories button{white-space:nowrap;border:1px solid var(--border);color:#635d56;background:var(--surface);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;transition:all .2s}.feed-categories button:hover,.feed-categories button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.waterfall{columns:3 270px;column-gap:18px}.waterfall-card{break-inside:avoid;background:var(--surface);border:1px solid var(--border);border-radius:16px;margin:0 0 18px;transition:all .2s;overflow:hidden}.waterfall-card:hover{border-color:#c6b8a9;transform:translateY(-3px);box-shadow:0 12px 25px #37281c17}.waterfall-card>img{object-fit:cover;object-position:top;width:100%;height:auto;display:block}.work-copy{padding:14px 14px 13px}.work-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.work-meta span{color:#bd3d24;background:#fde5dc;border-radius:5px;padding:4px 6px;font-size:11px;font-weight:800}.work-meta small{color:var(--muted);font-size:11px}.work-copy h3{letter-spacing:-.05em;margin:10px 0 5px;font-size:18px}.work-copy>p{color:var(--muted);margin:0;font-size:12px}.work-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:11px;display:flex}.work-footer>strong{color:var(--accent);align-items:center;gap:4px;font-size:12px;display:flex}.work-footer>div{gap:3px;display:flex}.work-footer button{color:var(--muted);background:0 0;border:0;align-items:center;gap:3px;padding:3px;font-size:11px;display:flex}.work-footer button:hover,.work-footer button.liked{color:var(--accent)}.feed-empty{break-inside:avoid;background:var(--surface);border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:16px;padding:40px}.feed-empty h3{color:var(--ink);margin:11px 0 4px;font-size:17px}.feed-empty p{margin:0;font-size:13px}@media (max-width:760px){.home-feed{padding:48px 21px 70px}.feed-heading{flex-direction:column;align-items:start}.waterfall{columns:2 155px;column-gap:12px}.waterfall-card{margin-bottom:12px}.work-copy{padding:11px}.work-copy h3{font-size:15px}.work-footer>div button:nth-child(2),.work-footer>div button:nth-child(3){display:none}}@media (max-width:390px){.waterfall{columns:1}.feed-sort{width:100%}.feed-sort button{flex:1}}.work-footer>div>span{color:var(--muted);align-items:center;gap:3px;padding:3px;font-size:11px;display:flex}.work-thumbnail{aspect-ratio:9/16;background:#f1ece4;place-items:center;display:grid;overflow:hidden}.work-thumbnail img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}
.community-page{background:var(--page);min-height:calc(100dvh - 120px)}.community-intro{grid-template-columns:minmax(0,1fr) 290px;align-items:end;gap:50px;max-width:1184px;margin:0 auto;padding:72px 26px 44px;display:grid}.community-intro-copy{max-width:690px}.community-kicker{color:var(--accent);align-items:center;gap:7px;margin:0 0 17px;font-size:13px;font-weight:900;display:flex}.community-intro h1{letter-spacing:-.085em;margin:0;font-size:clamp(42px,5.3vw,76px);line-height:.98}.community-intro-copy>p:not(.community-kicker){max-width:550px;color:var(--muted);margin:20px 0 0;font-size:16px;line-height:1.75}.community-actions{align-items:center;gap:20px;margin-top:28px;display:flex}.community-actions .button{align-items:center;gap:8px;display:inline-flex}.community-text-link{color:var(--ink);align-items:center;gap:5px;font-size:14px;font-weight:800;display:inline-flex}.community-text-link:hover{color:var(--accent)}.community-note{border-left:2px solid var(--accent);gap:7px;padding:19px 0 19px 21px;display:grid}.community-note strong{letter-spacing:-.03em;font-size:15px}.community-note span{color:var(--muted);font-size:13px;line-height:1.55}.community-works{max-width:1184px;margin:0 auto;padding:24px 26px 88px}.community-works-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:21px;display:flex}.community-works-heading h2{letter-spacing:-.06em;margin:0;font-size:29px}.community-works-heading p{color:var(--muted);margin:8px 0 0;font-size:14px}.community-works-heading>span{color:var(--accent);align-items:center;gap:5px;font-size:13px;font-weight:800;display:flex}.community-grid{columns:3 270px;column-gap:18px}.community-work{break-inside:avoid;border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-bottom:18px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.community-work:hover{border-color:#c6b8a9;transform:translateY(-3px);box-shadow:0 12px 25px #37281c17}.community-cover{display:block}.community-cover img{width:100%;height:auto;display:block}.community-work-copy{padding:14px}.community-work-copy>p{color:var(--muted);margin:0;font-size:12px}.community-work-copy>p span{margin:0 3px}.community-work h3{letter-spacing:-.05em;margin:8px 0 12px;font-size:18px}.community-work h3 a:hover{color:var(--accent)}.community-work-meta,.community-work-stats{justify-content:space-between;align-items:center;gap:8px;display:flex}.community-work-meta{color:var(--muted);font-size:12px}.community-work-meta strong{color:var(--accent);align-items:center;gap:4px;font-size:12px;display:flex}.community-work-stats{border-top:1px solid var(--border);justify-content:flex-start;margin-top:12px;padding-top:10px}.community-work-stats span{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.community-empty{text-align:center;border:1px dashed var(--border);background:var(--surface);max-width:540px;color:var(--muted);border-radius:16px;padding:48px 28px}.community-empty svg{color:var(--accent)}.community-empty h2{color:var(--ink);letter-spacing:-.04em;margin:13px 0 7px;font-size:21px}.community-empty p{margin:0 0 19px;font-size:14px}.public-comic-page{max-width:920px;margin:0 auto;padding:48px 26px 88px}.back-link{color:var(--muted);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.back-link:hover{color:var(--accent)}.public-comic-page header{margin:28px 0 25px}.public-comic-page header>p{color:var(--muted);margin:0;font-size:13px}.public-comic-page h1{letter-spacing:-.075em;margin:8px 0 16px;font-size:clamp(34px,5vw,58px);line-height:1}.public-comic-page header>div{color:var(--muted);flex-wrap:wrap;align-items:center;gap:13px;font-size:13px;display:flex}.public-comic-page header strong,.public-comic-page header div span{align-items:center;gap:4px;display:inline-flex}.public-comic-page header strong{color:var(--accent)}.public-comic-image{border:1px solid var(--border);background:var(--surface);border-radius:16px;width:100%;height:auto;display:block}@media (max-width:760px){.community-intro{grid-template-columns:1fr;gap:29px;padding:48px 21px 28px}.community-intro h1{font-size:45px}.community-intro-copy>p:not(.community-kicker){font-size:14px}.community-actions{flex-wrap:wrap;gap:15px;margin-top:23px}.community-note{max-width:360px}.community-works{padding:20px 21px 70px}.community-grid{columns:2 155px;column-gap:12px}.community-work{margin-bottom:12px}.community-work-copy{padding:11px}.community-work h3{font-size:15px}.community-works-heading{flex-direction:column;align-items:start;gap:11px}.public-comic-page{padding:30px 21px 64px}.public-comic-page h1{font-size:39px}}.public-engagement{border:1px solid var(--border);background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px;padding:13px 15px;display:flex;position:relative}.public-counts,.public-counts span,.public-buttons{align-items:center;gap:12px;display:flex}.public-counts{color:var(--muted);font-size:13px}.public-counts strong{color:var(--accent)}.public-counts span{gap:4px}.public-buttons{gap:7px}.public-buttons button{border:1px solid var(--border);color:var(--ink);background:0 0;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-size:13px;font-weight:800;display:inline-flex}.public-buttons button:hover,.public-buttons button.liked{border-color:var(--accent);color:var(--accent)}.public-engagement>p{color:var(--muted);margin:7px 0 0;font-size:12px;position:absolute;top:100%;left:0}@media (max-width:760px){.public-engagement{flex-direction:column;align-items:flex-start}.public-buttons{width:100%}.public-buttons button{flex:1;justify-content:center}}.remix-link{width:100%;color:var(--accent);border:1px solid #f4b5a8;border-radius:9px;justify-content:center;align-items:center;margin-top:12px;padding:8px 10px;font-size:13px;font-weight:800;display:inline-flex}.remix-link:hover{background:#fff0eb}.public-remix{background:#fff8f5;border:1px solid #f4b5a8;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 14px;padding:14px 15px;display:flex}.public-remix div{gap:4px;display:grid}.public-remix strong{font-size:14px}.public-remix span{color:var(--muted);font-size:12px}@media (max-width:760px){.public-remix{flex-direction:column;align-items:stretch}.public-remix .button{width:100%}}.public-buttons .report-button{color:var(--muted);border-color:#0000}.public-buttons .report-button:hover{color:var(--danger);border-color:#efc7c1}
.tasks-page .page-head>div>p:not(.eyebrow){color:var(--muted);margin:13px 0 0;font-size:14px}.task-list{gap:12px;display:grid}.task-row{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px 20px;display:grid}.task-state{width:42px;height:42px;color:var(--accent);background:#fff0eb;border-radius:12px;place-items:center;display:grid}.task-body{min-width:0}.task-title{align-items:center;gap:9px;min-width:0;display:flex}.task-title h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.04em;margin:0;font-size:17px;overflow:hidden}.task-body p{color:var(--muted);margin:7px 0 0;font-size:13px}.task-actions{align-items:center;gap:14px;display:flex}.task-actions form{margin:0}.task-cancel{color:var(--muted);background:0 0;border:0;align-items:center;gap:4px;padding:4px;font-size:13px;font-weight:800;display:inline-flex}.task-cancel:hover{color:var(--danger)}.outline-button{border:1px solid var(--border);color:var(--ink);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 15px;font-size:14px;font-weight:800;display:inline-flex}.outline-button:hover{border-color:var(--accent);color:var(--accent)}.task-empty{text-align:center;border:1px dashed var(--border);background:var(--surface);max-width:560px;color:var(--muted);border-radius:16px;padding:50px 28px}.task-empty svg{color:var(--success)}.task-empty h2{color:var(--ink);letter-spacing:-.04em;margin:13px 0 7px;font-size:21px}.task-empty p{margin:0 0 20px;font-size:14px}@media (max-width:760px){.task-row{grid-template-columns:40px minmax(0,1fr);padding:16px}.task-actions{grid-column:1/-1;padding-top:3px}.task-actions .button,.task-actions .outline-button{flex:1}.task-title{flex-direction:column;align-items:start;gap:6px}.task-title h2{white-space:normal}.task-body p{line-height:1.55}}
.creation-layout{grid-template-columns:minmax(0,1fr) 335px;gap:26px;display:grid}.config-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:22px}.config-section h2{margin:0 0 15px;font-size:19px}.helper{color:var(--muted);margin:-6px 0 15px;font-size:13px}.template-choice,.pet-choice{gap:9px;display:grid}.template-choice button,.pet-choice button{text-align:left;border:1px solid var(--border);width:100%;color:var(--ink);background:#fffdf8;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px;display:grid}.template-choice button>span{color:var(--accent)}.template-choice button strong,.pet-choice button strong{font-size:14px;display:block}.template-choice button small,.pet-choice button small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.template-choice button.selected,.pet-choice button.selected{border-color:var(--accent);background:#fff2ed}.pet-choice button>span{color:#564838;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.config-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.config-options label{gap:7px;font-size:13px;font-weight:800;display:grid}.config-options select{border:1px solid var(--border);background:#fff;border-radius:9px;padding:10px}.form-error{color:var(--danger);margin:12px 0 0;font-size:13px}.outline-preview{background:var(--ink);color:#fff;border-radius:17px;height:max-content;padding:25px;position:sticky;top:22px}.outline-preview .eyebrow{color:#ff9a83}.outline-preview h2{letter-spacing:-.06em;margin:0 0 13px;font-size:27px;line-height:1.1}.outline-preview>p:not(.eyebrow){color:#d4cbc0;font-size:14px;line-height:1.75}.cast-list{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.cast-list span{background:#49453f;border-radius:6px;padding:5px 7px;font-size:12px}.outline-preview .button{width:100%;margin-top:5px}.outline-preview .button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:760px){.creation-layout{grid-template-columns:1fr}.outline-preview{position:static}.config-options{grid-template-columns:1fr}}
.template-filter{flex-wrap:wrap;gap:8px;margin:-2px 0 14px;display:flex}.template-filter button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.template-filter button:hover{border-color:var(--accent);color:var(--accent)}.template-filter button.active{border-color:var(--accent);color:var(--accent);background:#fff0ea}
.home-rankings{max-width:1184px;margin:0 auto;padding:18px 26px 76px}.home-rankings-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.home-rankings h2{letter-spacing:-.06em;margin:0;font-size:clamp(28px,3.4vw,43px)}.home-rankings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.home-rankings-grid section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.home-ranking-title{color:var(--accent);align-items:center;gap:8px;font-size:16px;display:flex}.home-rankings ol{gap:0;margin:14px 0 0;padding:0;list-style:none;display:grid}.home-rankings li{border-top:1px solid var(--border);grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px 0;font-size:14px;display:grid}.home-rankings li>span{color:var(--accent);font-weight:900}.home-rankings li a{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.home-rankings li a:hover{color:var(--accent)}.home-rankings li small{color:var(--muted)}.home-rankings .home-ranking-empty{color:var(--muted);display:block}@media (max-width:760px){.home-rankings{padding:12px 21px 55px}.home-rankings-head{flex-direction:column;align-items:start}.home-rankings-grid{grid-template-columns:1fr}}
.generation-page{place-items:center;min-height:calc(100dvh - 132px);display:grid}.generation-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:min(100%,660px);padding:34px}.generation-card h1{letter-spacing:-.07em;margin:8px 0 10px;font-size:clamp(30px,5vw,48px)}.generation-subtitle{color:var(--muted);margin:0}.generation-meter{background:#efeae4;border-radius:99px;height:12px;margin:30px 0 11px;overflow:hidden}.generation-meter span{background:var(--accent);border-radius:inherit;height:100%;transition:width .45s;display:block}.generation-progress-copy{justify-content:space-between;gap:15px;font-size:14px;display:flex}.generation-progress-copy strong{color:var(--accent)}.generation-progress-copy span{color:var(--muted)}.generation-stages{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px;display:grid}.generation-stages>div{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.generation-stages>div.done{color:var(--ink);font-weight:700}.generation-stages svg{color:var(--accent)}.generation-stages i{border:1px solid var(--border);border-radius:50%;width:17px;height:17px}.spin{animation:1s linear infinite spin}.generation-error{color:#9a301d;background:#fff0ed;border-radius:12px;margin-top:22px;padding:16px}.generation-error p{margin:7px 0 14px;font-size:13px;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:500px){.generation-card{padding:26px 20px}.generation-stages{grid-template-columns:1fr}}
.admin-tabs{gap:8px;margin:0 0 17px;display:flex}.admin-tabs button{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:9px 13px;font-weight:800}.admin-tabs .active{background:var(--ink);border-color:var(--ink);color:#fff}.admin-panel{min-height:300px}.admin-panel .panel-title>span{color:var(--muted);font-size:13px}.admin-list{display:grid}.admin-list article{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:17px 0;display:flex}.admin-list article:last-child{border:0}.admin-list h3{margin:5px 0;font-size:16px}.admin-list p,.admin-list small{color:var(--muted);margin:0;font-size:13px}.admin-actions{gap:8px;display:flex}.admin-actions button{border:0;border-radius:9px;align-items:center;gap:5px;padding:9px 11px;font-weight:800;display:flex}.approve{color:#157440;background:#e8f8ee}.reject{color:#9a301d;background:#fff0ed}.admin-empty{text-align:center;min-height:180px;color:var(--muted);place-content:center;gap:8px;display:grid}.admin-empty svg{color:var(--success);margin:auto}.admin-empty strong{color:var(--ink)}.admin-user-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.admin-user-grid article{border:1px solid var(--border);border-radius:12px;padding:18px}.admin-user-grid strong{letter-spacing:-.06em;font-size:27px;display:block}.admin-user-grid span{color:var(--muted);font-size:13px}.template-prompt-panel{margin-top:18px}.template-prompt-filter{gap:8px;padding:12px 0 2px;display:flex;overflow:auto}.template-prompt-filter button{white-space:nowrap;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.template-prompt-filter button:hover,.template-prompt-filter button.active{border-color:var(--accent);color:var(--accent);background:#fff0ed}.template-prompt-list{gap:12px;margin-top:16px;display:grid}.template-prompt-list article{border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:15px}.template-prompt-list form{gap:12px;display:grid}.template-prompt-list header{justify-content:space-between;align-items:center;gap:15px;display:flex}.template-prompt-list h3{margin:4px 0 0;font-size:17px}.template-prompt-list small{color:var(--muted);font-size:12px}.template-prompt-list label{gap:7px;font-size:13px;font-weight:800;display:grid}.template-prompt-list textarea{resize:vertical;border:1px solid var(--border);width:100%;color:var(--ink);background:#fffdfa;border-radius:9px;padding:10px 11px;font-size:14px;line-height:1.6}.template-prompt-list textarea:focus{border-color:var(--accent);outline:2px solid #ffb7a8}.outline-button{border:1px solid var(--border);color:var(--ink);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 13px;font-weight:800;display:inline-flex}.outline-button:hover{border-color:var(--accent);color:var(--accent)}.outline-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:600px){.admin-list article{flex-direction:column;align-items:flex-start}.admin-user-grid{grid-template-columns:1fr}.admin-tabs{overflow:auto}.admin-tabs button{white-space:nowrap}.template-prompt-list header{flex-direction:column;align-items:flex-start}}
.pet-form-head{margin:45px 0 22px}.pet-form-head h1{letter-spacing:-.07em;margin:8px 0;font-size:clamp(34px,5vw,55px)}.pet-form-head p:not(.eyebrow){color:var(--muted)}.pet-form{background:var(--surface);border:1px solid var(--border);border-radius:18px;gap:18px;width:min(100%,560px);padding:25px;display:grid}.pet-form label{gap:8px;font-size:14px;font-weight:800;display:grid}.pet-form label small{color:var(--muted);font-weight:500}.pet-form input,.pet-form select{border:1px solid var(--border);font:inherit;background:#fff;border-radius:10px;padding:12px}.pet-form .button{justify-content:center}.photo-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.photo-item{margin:0;position:relative}.photo-grid img{aspect-ratio:1;object-fit:cover;border:1px solid var(--border);border-radius:14px;width:100%;display:block}.photo-remove{color:#fff;background:#231f1dd1;border:0;border-radius:8px;align-items:center;gap:4px;padding:7px 9px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;bottom:8px;right:8px}.photo-remove:disabled{opacity:.65}.photo-grid .empty-panel{grid-column:1/-1}.pet-detail-actions,.pet-list-actions{align-items:center;gap:10px;display:flex}.pet-delete-wrap{gap:5px;display:grid}.pet-delete{color:var(--danger);background:#fff6f4;border:1px solid #efc7c1;border-radius:10px;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:800;display:inline-flex}.pet-delete:hover{background:#fde8e4}.pet-delete:disabled{opacity:.65}.pet-delete-error{max-width:260px;color:var(--danger);font-size:12px;line-height:1.35}@media (max-width:760px){.pet-detail-actions{flex-direction:column;align-items:stretch}.pet-detail-actions>*{width:100%}.pet-detail-actions .button{justify-content:center}.pet-list-actions{flex-direction:column;align-items:flex-start}}.pet-card-main{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.pet-card-main>div:last-child{min-width:0}.pet-card-main h2,.pet-card-main p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pet-card-main:active{transform:scale(.99)}.first-pet-prompt{background:#fff3eb;border:1px solid #f0b4a7;border-radius:16px;margin-bottom:28px;padding:24px}.first-pet-prompt h2{letter-spacing:-.05em;margin:0;font-size:clamp(25px,5vw,36px)}.first-pet-prompt p:not(.eyebrow){color:var(--muted);margin:10px 0 0;line-height:1.65}@media (max-width:760px){.pet-card-main{width:100%;padding:2px 0}.pet-list article{padding:17px}.pet-list-actions{flex-direction:column;align-items:flex-start}.first-pet-prompt{margin-bottom:22px;padding:20px}}
.auth-form{gap:17px;display:grid}.auth-form>p{margin:0}.auth-form label{gap:7px;font-size:13px;font-weight:800;display:grid}.auth-form input{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:0;padding:12px}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f04b2f26}.phone-input{border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:auto 1fr;display:grid;overflow:hidden}.phone-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f04b2f26}.phone-input span{border-right:1px solid var(--border);color:var(--muted);padding:12px;font-size:14px;font-weight:800}.phone-input input{border:0;box-shadow:none!important}.back-button,.resend{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;width:max-content;padding:0;font-size:13px;font-weight:800;display:flex}.back-button:hover,.resend:hover{color:var(--accent)}.auth-message,.auth-error{border-radius:9px;padding:10px 11px!important;font-size:13px!important}.auth-message{color:var(--success);background:#e7f4eb}.auth-error{color:var(--danger);background:#fde8e7}