/* TSUKURUTO / a small, playful place for useful creations. */
:root{--bg:#f6f7f4;--surface:#fff;--ink:#242822;--muted:#747a71;--line:#e6e9e1;--lime:#d9f875;--mint:#dceee4;--radius:18px;--shadow:0 16px 60px #25332016;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:weight}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{min-width:0}button{border:0;background:none}svg{vertical-align:middle;flex-shrink:0}.icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #698e36;outline-offset:4px}::selection{background:var(--lime)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5}h1{letter-spacing:-.04em}small{font-size:12px}img{max-width:100%}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em}.nowrap{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:16px;background:var(--ink);color:white;padding:10px 18px;z-index:200}.skip-link:focus{top:10px}.noscript{padding:40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:9px 19px;border-radius:10px;font-weight:700;font-size:13px;line-height:1.5;white-space:nowrap;transition:transform .16s,background .16s;border:1px solid transparent}.btn:hover{transform:translateY(-1px)}.btn.dark{background:var(--ink);color:#fff}.btn.dark:hover{background:#414936}.btn.lime{background:var(--lime);color:var(--ink)}.btn.light{background:#f0f3ec}.btn.outline{border-color:var(--line);background:white}.btn.small{min-height:33px;font-size:11px;padding:6px 12px;border-radius:8px}.btn.wide{width:100%}.btn .icon{width:17px;height:17px}.text-button{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12px;padding:8px 0}.text-button:hover{color:#55792a}.text-button .icon{width:16px;height:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;position:relative}.icon-button:hover{background:#eef1e9}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;background:#f1f3ed;font-size:10px;font-weight:700;white-space:nowrap}.badge .icon{width:12px;height:12px}.badge.green{background:#edf6de;color:#50712c}.badge.warning{background:#fff2d8;color:#8e620b}.badge.dark{background:#ffffff25;color:inherit}.pill{display:inline-flex;align-items:center;padding:5px 11px;border:1px solid var(--line);border-radius:50px;font-size:11px;color:#676e61;background:white}.divider{height:1px;background:var(--line);margin:22px 0}
/* Persistent navigation */
.topbar{height:78px;border-bottom:1px solid var(--line);background:#ffffffed;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1320px)/2));gap:30px;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:900;letter-spacing:-.09em;white-space:nowrap}.brand-symbol{display:grid;grid-template-columns:repeat(2,12px);gap:3px;transform:rotate(-8deg);margin-right:2px}.brand-symbol i{width:12px;height:12px;background:var(--ink);border-radius:3px;display:block}.brand-symbol i:nth-child(2){background:#bfdc5c;border-radius:50%}.brand-symbol i:nth-child(3){border-radius:3px 3px 3px 9px}.brand small{font-weight:600;color:var(--muted);font-size:10px;letter-spacing:0;margin-left:3px;align-self:flex-end;margin-bottom:7px}.top-search{height:40px;display:flex;align-items:center;gap:9px;background:#f2f4ef;border-radius:10px;padding:0 13px;max-width:400px;width:100%;margin-left:50px}.top-search .icon{width:17px;height:17px;color:#747e70}.top-search input{background:none;border:0;outline:none!important;width:100%;font-size:12px}.top-search kbd{background:white;border:1px solid #e4e8df;border-radius:4px;padding:0 5px;line-height:22px;color:#82887c;font-size:10px}.top-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.notification-dot{width:6px;height:6px;background:#ef8964;border-radius:50%;position:absolute;right:9px;top:7px;box-shadow:0 0 0 2px #fff}.app-layout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:190px minmax(0,710px) minmax(230px,280px);gap:30px;padding:30px 10px 70px;align-items:start}.sidebar{position:sticky;top:105px;display:flex;flex-direction:column;min-height:calc(100vh - 155px)}.nav-group{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:10px;font-weight:700;font-size:13px;position:relative;color:#61695c}.nav-item:hover{background:#edefe8}.nav-item.active{background:#eaf0df;color:#25351d}.nav-item.active:after{content:"";width:5px;height:5px;background:#6b9134;border-radius:50%;position:absolute;right:15px}.nav-item .icon{width:20px;height:20px}.nav-caption{font-size:10px;font-weight:800;letter-spacing:.08em;color:#8b9185;margin:28px 14px 11px}.sidebar-follow{display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:12px;font-weight:700;border-radius:9px}.sidebar-follow:hover{background:#edf0e7}.sidebar-follow .status-dot{margin-left:auto}.status-dot{display:inline-block;width:6px;height:6px;background:#b4cf65;border-radius:50%}.sidebar-info{margin-top:auto;padding:42px 14px 0}.sidebar-info a,.sidebar-info button{font-size:10px;color:#858c7f;margin-right:8px;padding:3px 0}.sidebar-info p{font-size:10px;color:#9a9f93;margin-top:10px}.local-note{padding:12px;background:#edeFE8;border:1px solid #e0e5d7;border-radius:9px;font-size:10px;color:#767e6d;line-height:1.8;margin-top:20px}.local-note b{font-size:11px;color:#57654a}.mobile-nav{display:none}main{min-width:0;outline:none}.right-rail{position:sticky;top:106px}.rail-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:21px;margin-bottom:18px}.rail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.rail-heading h2{font-size:13px;letter-spacing:-.02em}.rail-heading small{font-size:9px;color:#848b7c}.rail-author{display:flex;align-items:flex-start;gap:10px;margin-top:20px}.rail-author:first-of-type{margin-top:0}.rail-author .author-info{min-width:0;flex:1}.rail-author strong{font-size:12px;display:block}.rail-author p{font-size:10px;color:var(--muted);line-height:1.6;margin:1px 0 9px}.rail-author .btn{font-size:10px;padding:5px 12px;min-height:28px}.rail-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;border-top:1px solid var(--line);padding-top:15px;margin-top:21px}.rail-footer .icon{width:15px;height:15px}.weekly{background:#eaf1df;border:1px solid #e0e8d4;position:relative;overflow:hidden}.weekly h2{font-size:17px;line-height:1.7;margin:8px 0 10px;letter-spacing:-.035em}.weekly p{font-size:11px;line-height:1.9;color:#6d775e}.weekly .weekly-doodle{font-size:58px;position:absolute;right:14px;top:18px;color:#b6cd84;transform:rotate(16deg);line-height:1}.weekly .btn{margin-top:18px;font-size:11px}.next-item{display:flex;gap:10px;margin:15px 0}.next-date{font-family:ui-monospace,monospace;min-width:33px;font-size:10px;color:#8b927e;text-align:center;border-right:1px solid var(--line);padding-right:12px}.next-item strong{display:block;font-size:11px}.next-item p{font-size:10px;color:var(--muted)}.rail-disclaimer{font-size:9px;line-height:1.9;color:#8b9281;padding:0 8px}
/* Identity */
.avatar{width:39px;height:39px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;font-family:ui-rounded,"Arial Rounded MT Bold",Arial,sans-serif;font-size:22px;font-weight:900;position:relative;overflow:hidden;letter-spacing:-.05em}.avatar:after{content:"";position:absolute;left:22%;bottom:-13%;width:75%;height:36%;border:1.5px solid #30372f35;border-radius:50%}.avatar.small{width:30px;height:30px;font-size:17px}.avatar.large{width:82px;height:82px;font-size:44px;border:5px solid #fff;box-shadow:0 0 0 1px var(--line)}.avatar.peach{background:#f7d5c2;color:#6b4635}.avatar.mint{background:#d9e8c7;color:#5a713f}.avatar.lavender{background:#e4def3;color:#706288}.avatar.blue{background:#d3e5ec;color:#547782}.avatar.self{background:#d7ed9d;color:#405521}.author-link{display:flex;align-items:center;gap:10px;min-width:0}.author-link:hover strong{text-decoration:underline;text-underline-offset:3px}.author-meta{min-width:0}.author-meta strong{font-size:12px}.author-meta small{display:block;line-height:1.4;font-size:10px;color:var(--muted)}.author-meta .inline-time{display:inline;font-weight:400;margin-left:7px}
/* Home */
.page-heading{display:flex;justify-content:space-between;align-items:center;margin:3px 0 21px}.page-heading h1{font-size:22px;font-weight:850}.page-heading p{font-size:12px;color:var(--muted);margin-top:5px}.page-heading .count{font-size:11px;color:var(--muted)}.home-topline{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}.home-topline h1{font-size:19px}.home-topline span{color:#90978a;font-size:10px}.hero{background:#e6eddc;border-radius:18px;padding:28px 31px;position:relative;overflow:hidden;min-height:246px;margin-bottom:26px}.hero-copy{position:relative;z-index:2;max-width:65%}.hero .eyebrow{font-size:9px;color:#63704c;letter-spacing:.08em;margin-bottom:12px}.hero h2{font-size:29px;font-weight:900;line-height:1.5;letter-spacing:-.065em}.hero p{font-size:10px;color:#758064;margin:10px 0 19px;line-height:1.9}.hero .btn{font-size:11px;min-height:37px;padding:8px 14px}.hero-art{position:absolute;right:16px;top:14px;width:245px;height:230px;pointer-events:none}.hero-orbit{position:absolute;width:230px;height:230px;border:1px solid #c9d5b7;border-radius:50%;left:15px;top:10px}.hero-orbit:after{content:"";position:absolute;inset:24px;border:1px dashed #c9d5b7;border-radius:50%}.floating-timer{position:absolute;top:62px;right:10px;transform:rotate(-9deg);background:#26352e;color:var(--lime);width:190px;height:114px;border-radius:13px;padding:14px 17px;box-shadow:7px 10px 0 #c6d2b950}.floating-timer small{display:block;font-size:8px;letter-spacing:.15em}.floating-timer strong{font-size:43px;letter-spacing:-.075em;font-family:ui-monospace,monospace;line-height:1.6}.floating-timer span{position:absolute;right:14px;bottom:16px;width:27px;height:27px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;color:#26352e;font-size:11px}.floating-sun{position:absolute;top:2px;right:11px;width:65px;height:65px;border-radius:50%;background:#edb4a9;transform:rotate(13deg);border:1px solid #d7958a;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:500;color:#78554f;z-index:2}.floating-star{position:absolute;left:2px;bottom:7px;background:#acc6de;width:65px;height:65px;clip-path:polygon(50% 0,61% 31%,85% 14%,73% 40%,100% 50%,70% 61%,85% 87%,60% 72%,50% 100%,39% 70%,14% 85%,27% 60%,0 50%,31% 39%,15% 14%,40% 30%);transform:rotate(12deg)}.tiny-spark{position:absolute;right:1px;bottom:2px;color:#97aa7b;font-size:36px}.tabs{display:flex;gap:27px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:20px}.tab{padding:0 1px 13px;font-size:12px;font-weight:700;color:#838a7c;position:relative;display:inline-flex;align-items:center;gap:6px}.tab.active{color:#26311f}.tab.active:after{content:"";height:3px;background:#26311f;border-radius:3px;position:absolute;bottom:-1px;left:0;right:0}.tab .icon{width:14px;height:14px}.tabs .tab-tail{margin-left:auto;font-size:9px;color:#979d91;align-self:flex-start;padding-top:3px}.section-line{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}.section-line h2{font-size:14px}.section-line span{font-size:10px;color:var(--muted)}.feed{display:flex;flex-direction:column;gap:19px}.feed-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:21px 22px 8px;overflow:hidden}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.feed-header .btn{font-size:10px;min-height:29px;padding:5px 10px}.feed-note{font-size:12px;line-height:1.95;margin-bottom:16px;white-space:pre-line}.work-preview{display:block;border-radius:12px;overflow:hidden;border:1px solid #00000006;position:relative}.work-preview:hover .cover-art{transform:translateY(-3px) rotate(2deg)}.work-summary{padding:15px 16px;background:#fafbf8;display:flex;align-items:center;justify-content:space-between;gap:12px}.work-summary h3{font-size:15px;letter-spacing:-.03em}.work-summary p{font-size:10px;color:#8a9083;margin-top:2px}.work-summary .play-mini{width:32px;height:32px;background:white;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center}.play-mini .icon{width:13px;height:13px}.feed-actions{display:flex;align-items:center;gap:18px;margin-top:5px;padding:4px 0}.action{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#888f80;padding:10px 0;min-height:40px}.action .icon{width:16px;height:16px}.action:hover{color:#374b2d}.action.liked{color:#d37473}.action.liked .icon{fill:#d37473;stroke:#d37473}.feed-actions .author-action{margin-left:auto;font-size:10px;color:#727c66;gap:6px}.feed-actions .author-action .icon{width:13px;height:13px}.feed-tag{font-size:9px;color:#758266;display:flex;align-items:center;gap:4px;margin-bottom:6px}.feed-tag .icon{width:11px;height:11px}.post-card{padding-bottom:14px}.post-label{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700;color:#7e8a6e}.post-label .icon{width:13px;height:13px}.poll{display:flex;flex-direction:column;gap:8px;margin-top:14px}.poll-option{position:relative;border:1px solid var(--line);background:#fbfcf9;border-radius:9px;padding:11px 14px;text-align:left;font-size:11px;overflow:hidden;min-height:41px;display:flex;justify-content:space-between;gap:12px}.poll-option:hover{border-color:#bace9e}.poll-option.selected{border-color:#a7bd80}.poll-fill{position:absolute;inset:0;background:#e8f0dc;z-index:0;transform-origin:left}.poll-option span,.poll-option b{z-index:1;position:relative}.poll-info{font-size:9px;color:#8a9380;margin-top:8px}.feed-end{text-align:center;padding:24px;color:#949c89;font-size:11px}.feed-end .icon{display:block;width:23px;height:23px;margin:0 auto 8px}
/* Artwork covers: custom vectors, not downloaded assets. */
.cover{height:215px;position:relative;padding:23px 25px;overflow:hidden;display:flex;align-items:center;color:#24372c;isolation:isolate}.cover-text{position:relative;z-index:3;max-width:62%;pointer-events:none}.cover-eyebrow{display:block;font-size:8px;font-weight:800;letter-spacing:.17em;margin-bottom:13px;opacity:.7}.cover-title{font-size:29px;font-weight:900;letter-spacing:-.06em;line-height:1.45}.cover-title small{font-size:15px}.cover-desc{font-size:10px;opacity:.7;line-height:1.9;margin-top:7px}.cover-tag{display:inline-flex;margin-top:15px;border-radius:4px;border:1px solid #ffffff44;font-size:8px;padding:2px 7px;background:#ffffff1c}.cover-art{position:absolute;right:23px;top:30px;width:180px;height:168px;transition:transform .25s;z-index:1}.cover.timer{background:#dcebd8;background-image:radial-gradient(#95b59840 .8px,transparent .8px);background-size:13px 13px}.cover.timer .cover-art{background:#283c32;color:#daf982;border-radius:14px;transform:rotate(7deg);height:133px;width:180px;top:43px;right:32px;padding:19px 14px;box-shadow:8px 8px 0 #9eb69e25}.timer-display{font-family:ui-monospace,Consolas,monospace;font-size:39px;font-weight:700;letter-spacing:-.08em;line-height:1.3}.timer-label{font-size:7px;letter-spacing:.14em;opacity:.6}.timer-controls{display:flex;gap:6px;margin-top:13px}.timer-controls i{height:19px;border-radius:5px;background:#ffffff18;flex:1}.timer-controls i:last-child{background:#d7f67d;flex:1.2}.timer-orbit{position:absolute;inset:-12px;border:1px dashed #55735045;border-radius:24px}.cover.dinner{background:#f3ead5;color:#61513b}.cover.dinner .cover-art{right:21px;top:27px;width:174px;height:174px;background:#fdfbf2;border:9px solid #dfd4b9;border-radius:50%;box-shadow:8px 8px 0 #99836812}.plate-ring{position:absolute;inset:11px;border:1px solid #daceb2;border-radius:50%}.veggie{position:absolute;border-radius:50%}.veggie.tomato{width:52px;height:52px;background:#d66b4c;left:29px;top:35px}.veggie.tomato:after{content:"✳";font-size:29px;color:#648648;position:absolute;top:-13px;left:15px}.veggie.egg{width:61px;height:44px;top:72px;left:57px;background:#fff;border-radius:50% 42% 50% 47%;transform:rotate(-17deg);box-shadow:1px 2px 6px #d9cfb5}.veggie.egg:after{content:"";position:absolute;inset:11px 19px;background:#ecc055;border-radius:50%}.veggie.leaf{width:41px;height:29px;background:#8da566;left:72px;top:27px;border-radius:5% 65%;transform:rotate(-30deg)}.veggie.leaf:after{content:"";position:absolute;width:39px;height:1px;background:#617843;transform:rotate(32deg);left:0;top:15px}.cover.gyoza{background:#f3d8c3;color:#673d26}.cover.gyoza .cover-art{right:20px;top:30px;width:183px;height:155px;transform:rotate(-9deg);border-radius:50%;background:#595c52;box-shadow:inset 0 0 0 6px #707568,7px 10px 0 #b48e7430}.dumpling{position:absolute;width:74px;height:38px;background:#eec993;border-radius:10px 10px 70px 70px;border:2px solid #dba86c;transform:rotate(7deg);overflow:hidden}.dumpling:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(80deg,transparent 0 11px,#c1945544 12px 14px,transparent 15px 19px)}.dumpling.d1{left:28px;top:34px;transform:rotate(-18deg)}.dumpling.d2{right:22px;top:59px;transform:rotate(22deg)}.dumpling.d3{left:40px;bottom:20px;transform:rotate(-11deg)}.cover.color{background:#e5dff0;color:#564168}.cover.color .cover-art{width:165px;height:165px;right:30px;top:29px}.color-disc{position:absolute;width:105px;height:105px;border-radius:50%;mix-blend-mode:multiply;opacity:.9}.color-disc.c1{background:#e9afb3;left:0;top:0}.color-disc.c2{background:#b5c7e4;right:0;top:28px}.color-disc.c3{background:#c6d7ba;left:11px;bottom:0}.color-disc.c4{background:#f0d686;width:35px;height:35px;right:2px;bottom:7px}.cover.split{background:#dce8ed;color:#344e5d}.cover.split .cover-art{width:119px;height:166px;background:#fbfaf6;right:54px;top:26px;transform:rotate(9deg);padding:15px 12px;box-shadow:5px 7px 0 #7996a025;border-radius:4px 4px 0 0;clip-path:polygon(0 0,100% 0,100% 94%,92% 100%,83% 94%,75% 100%,67% 94%,58% 100%,50% 94%,42% 100%,33% 94%,25% 100%,17% 94%,8% 100%,0 94%)}.receipt-header{text-align:center;font-size:8px;letter-spacing:.2em;font-weight:700;border-bottom:1px dashed #bdc8c6;padding-bottom:9px}.receipt-row{height:5px;margin-top:11px;background:#e3e8e3}.receipt-row:nth-child(3){width:80%}.receipt-row:nth-child(4){width:90%}.receipt-amount{border-top:1px dashed #bdc8c6;margin-top:13px;padding-top:8px;font-size:19px;font-weight:800;text-align:center;font-family:ui-monospace,monospace}.cover.focus{background:#e9e8d7;color:#585e44}.cover.focus .cover-art{width:146px;height:146px;right:43px;top:35px;border-radius:50%;border:5px solid #b1bb85;box-shadow:inset 0 0 0 9px #eeefdF;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f5f6e9}.focus-time{font-family:ui-monospace,monospace;font-size:31px;color:#6f7d49;letter-spacing:-.07em}.cover.focus small{font-size:8px;letter-spacing:.16em;margin-top:4px;color:#9ba881}.cover.custom{background:#e8ecdE}.cover.custom .cover-art{width:123px;height:123px;right:45px;top:45px;background:#bccf94;border-radius:27px;transform:rotate(-9deg);display:flex;align-items:center;justify-content:center}.cover.custom .cover-art .icon{width:55px;height:55px;color:#fff;stroke-width:1.2}.cover.compact{height:159px;padding:18px}.cover.compact .cover-title{font-size:20px}.cover.compact .cover-eyebrow{font-size:6px;margin-bottom:8px}.cover.compact .cover-desc{font-size:8px;max-width:120px}.cover.compact .cover-art{transform:scale(.66) rotate(7deg);transform-origin:right center;right:11px;top:0}.cover.compact .cover-tag{font-size:7px;margin-top:10px}.cover.compact .cover-text{max-width:67%}.cover.compact.color .cover-art,.cover.compact.dinner .cover-art,.cover.compact.focus .cover-art{top:-2px}.cover.compact.split .cover-art{right:22px}.cover.compact.gyoza .cover-art{top:8px}.cover.compact.focus .cover-art{top:7px}
/* Discovery and profiles */
.discovery-banner{padding:25px 27px;border-radius:17px;background:#e9eedf;position:relative;margin-bottom:24px}.discovery-banner h2{font-size:24px;letter-spacing:-.05em}.discovery-banner p{font-size:11px;color:#7c886c;margin:7px 0 0}.discovery-banner .icon{position:absolute;width:64px;height:64px;right:26px;top:28px;color:#bccba6;stroke-width:1.2}.search-large{display:flex;align-items:center;gap:10px;padding:12px 15px;background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:17px}.search-large input{background:none;border:0;outline:0!important;width:100%;font-size:12px}.search-large .icon{width:18px;height:18px;color:#7b8670}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:21px}.chip{padding:7px 12px;background:#fff;border:1px solid var(--line);border-radius:50px;font-size:11px;white-space:nowrap}.chip.active{background:var(--ink);border-color:var(--ink);color:white}.sort-bar{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:15px}.sort-bar select{background:transparent;border:0;color:#58634c;font-size:11px;padding:4px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.grid-card .cover{border-radius:0}.grid-content{padding:15px}.grid-content h3{font-size:13px}.grid-content p{font-size:10px;color:var(--muted);margin:3px 0 11px;line-height:1.8}.grid-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px}.grid-bottom .author-link{gap:7px}.grid-bottom .author-link strong{font-size:10px}.grid-bottom .avatar{width:21px;height:21px;font-size:12px}.grid-bottom .action{font-size:10px;padding:0;min-height:26px}.grid-bottom .action .icon{width:13px;height:13px}.profile-banner{height:118px;border-radius:18px 18px 0 0;background:#e8eddf;position:relative;overflow:hidden}.profile-banner:before,.profile-banner:after{content:"";position:absolute;border:1px solid #9ba88950;width:220px;height:220px;border-radius:50%;right:32px;top:-122px}.profile-banner:after{width:300px;height:300px;right:-81px;top:3px}.profile-banner .profile-slogan{position:absolute;bottom:23px;right:25px;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.1em;color:#829367}.profile-panel{background:white;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;padding:0 25px 23px;margin-bottom:25px}.profile-top{display:flex;justify-content:space-between;align-items:flex-end;position:relative;top:-29px;margin-bottom:-12px}.profile-top .btn{margin-bottom:1px}.profile-name{display:flex;align-items:center;gap:11px}.profile-name h1{font-size:25px;letter-spacing:-.03em}.profile-name span{font-size:10px;color:#9ca38f}.profile-bio{font-size:12px;line-height:1.9;margin:12px 0 18px;max-width:540px;white-space:pre-line}.profile-stats{display:flex;gap:24px;font-size:11px;color:#8b9480;margin-bottom:16px}.profile-stats b{font-size:15px;color:#333e2a;margin-right:4px}.profile-next{display:flex;align-items:center;gap:10px;padding:11px 13px;background:#f5f7ee;border:1px solid #e7ecda;border-radius:9px;margin-top:18px;font-size:10px;color:#788365}.profile-next .icon{width:16px;height:16px;color:#9eae7a}.profile-next strong{font-size:10px;color:#5c6c47}.author-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.author-profile-card{padding:21px;background:white;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.author-profile-card p{font-size:11px;color:#75826a}.author-profile-card .btn{margin-top:auto}.empty{padding:48px 24px;text-align:center;border:1px dashed #d5deca;border-radius:16px;background:#f9fbf5}.empty>.icon{width:35px;height:35px;color:#9aac86;margin-bottom:13px;stroke-width:1.3}.empty h2{font-size:16px}.empty p{font-size:11px;color:#889578;line-height:1.9;margin:9px auto 20px;max-width:350px}.empty .btn{font-size:11px}
/* Work detail, comments */
.back-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.back-row a{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:#7e8971}.back-row .icon{width:17px;height:17px}.work-detail{border:1px solid var(--line);border-radius:18px;background:white;overflow:hidden}.work-detail>.cover{height:260px;padding:34px}.work-detail>.cover .cover-title{font-size:37px}.work-detail>.cover .cover-art{transform:scale(1.15) rotate(7deg);top:66px;right:50px}.detail-content{padding:27px}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0}.detail-heading h1{font-size:24px;line-height:1.5}.detail-heading .action{min-height:35px}.detail-description{font-size:12px;color:#7d8772}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:13px;color:#8c9580;font-size:10px;margin:15px 0 23px}.detail-meta .icon{width:13px;height:13px;margin-right:4px}.play-row{display:flex;gap:9px;margin:19px 0 9px}.play-row>.btn:first-child{flex:1;min-height:46px;font-size:13px}.play-note{font-size:9px;color:#909b83;display:flex;align-items:center;gap:5px}.play-note .icon{width:11px;height:11px}.maker-box{padding:17px;background:#f8faf4;border:1px solid #e9eedf;border-radius:12px;margin-top:23px}.maker-box-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.maker-note{font-size:11px;line-height:1.9;margin-top:12px;white-space:pre-line;color:#657157}.maker-label{font-size:9px;color:#98a18b;margin-bottom:11px}.detail-section{margin:26px 0 0}.detail-section h2{font-size:13px;margin-bottom:14px}.screenshot-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.screenshot-list .cover{border-radius:10px}.screen-note{padding:17px;border-radius:10px;background:#f4f6f0;display:flex;flex-direction:column;justify-content:center;gap:8px}.screen-note strong{font-size:12px}.screen-note p{font-size:10px;color:#7b886b;line-height:1.9}.screen-note .icon{color:#a0b27f;width:26px;height:26px;stroke-width:1.2}.comments-panel{padding:24px;border:1px solid var(--line);border-radius:17px;background:white;margin-top:20px}.comments-panel h2{font-size:14px;margin-bottom:18px}.comments-panel h2 span{font-size:10px;color:#9ba48f;font-weight:400;margin-left:8px}.comment-form{display:flex;gap:9px;align-items:flex-start;margin-bottom:25px}.comment-form textarea{resize:vertical;min-height:43px;max-height:200px;border:1px solid var(--line);padding:10px 12px;border-radius:9px;flex:1;font-size:11px;line-height:1.8;background:#fbfcf9}.comment-form .btn{min-height:42px;padding:8px 13px;font-size:11px}.comment-item{display:flex;gap:10px;border-top:1px solid #f0f2e9;padding:17px 0}.comment-body{flex:1;min-width:0}.comment-body strong{font-size:11px}.comment-body small{color:#9da592;font-size:9px;margin-left:9px}.comment-body p{font-size:11px;line-height:1.9;margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-body button{padding:5px 0;font-size:9px;color:#8b967d;margin-right:12px}.comment-item.reply{margin-left:37px;border-left:2px solid #e4ecd7;padding-left:14px}.comments-empty{font-size:11px;color:#9ba58e;padding:12px 0}.author-after{background:#e8f0dc;border:1px solid #dce7ca;border-radius:14px;padding:20px;margin-top:22px}.author-after h2{font-size:16px;margin-bottom:5px}.author-after>p{font-size:11px;color:#81916b}.author-after .maker-box-head{margin-top:17px}.author-after .btn{font-size:11px}.native-links{display:flex;gap:9px;flex-wrap:wrap}.unreviewed{font-size:11px;line-height:1.9;padding:13px 15px;background:#fff6e5;border:1px solid #eddfc3;border-radius:10px;margin:16px 0;color:#90703c}.work-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#967638;margin:10px 0}
/* Studio and forms */
.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;margin-bottom:20px}.panel h2{font-size:15px;margin-bottom:14px}.panel p{font-size:11px;color:#89957a;line-height:1.9}.studio-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:21px 0}.stat-card{padding:20px 16px;background:white;border:1px solid var(--line);border-radius:13px}.stat-card .icon{width:18px;height:18px;color:#94a27e;margin-bottom:7px}.stat-card span{font-size:10px;color:#849171;display:block}.stat-card strong{font-size:26px;font-family:ui-monospace,monospace;font-weight:700;line-height:1.7}.studio-list{display:flex;flex-direction:column;gap:12px}.studio-item{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff}.studio-item .studio-icon{width:45px;height:45px;border-radius:10px;background:#ecf0e4;display:flex;align-items:center;justify-content:center;color:#8ca071}.studio-item strong{font-size:12px}.studio-item p{font-size:10px;color:#8c987c}.studio-item .icon-button{margin-left:auto}.field{display:block;margin-bottom:17px}.field>span{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.field small{display:block;font-size:9px;color:#919d84;line-height:1.8;margin:6px 0}.field input,.field textarea,.field select{border:1px solid #dfe5d6;background:#fcfdf9;border-radius:9px;padding:11px 12px;width:100%;font-size:12px;line-height:1.8;color:#39482a}.field textarea{min-height:95px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8ca861}.field input::placeholder,.field textarea::placeholder{color:#a6af9c}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-foot{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.form-error{padding:10px 13px;border-radius:9px;background:#fff0ed;color:#a85040;font-size:11px;line-height:1.9;margin-bottom:13px}.form-hint{font-size:10px;line-height:1.9;color:#919d80;background:#f4f7ed;padding:12px 14px;border-radius:10px;margin:12px 0 19px}.check-label{display:flex;gap:8px;font-size:10px;color:#73825f;margin:13px 0;align-items:flex-start}.check-label input{accent-color:#647f3b;margin-top:4px}.notification{display:flex;gap:13px;align-items:flex-start;padding:19px;border:1px solid var(--line);border-radius:13px;background:#fff;margin-bottom:12px}.notification.unread{background:#f4f8e9;border-color:#e2e9d1}.notification strong{font-size:12px;display:block}.notification p{font-size:11px;color:#82936c;margin:5px 0}.notification small{font-size:9px;color:#a0ad8e}.about-prose h2{margin:24px 0 10px;font-size:16px}.about-prose p{font-size:12px;color:#6e7e5b;line-height:2;white-space:pre-line}.about-prose ul{padding-left:19px;color:#6e7e5b;font-size:12px;line-height:2}.metric-table{width:100%;border-collapse:collapse;font-size:11px;margin:16px 0}.metric-table td,.metric-table th{padding:11px 7px;border-bottom:1px solid var(--line);text-align:left}.metric-table th{font-size:10px;color:#899875}.metric-table td:last-child{text-align:right}.danger-button{color:#a96049;font-size:11px;padding:10px 0}
/* Dialogs and playable works */
body.modal-open{overflow:hidden}.overlay{position:fixed;inset:0;background:#16201665;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;animation:fade-in .15s ease}.dialog{background:#fff;border-radius:20px;width:100%;max-width:540px;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;box-shadow:var(--shadow);overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px;border-bottom:1px solid var(--line);flex-shrink:0}.dialog-header h2{font-size:16px}.dialog-header .icon-button{width:31px;height:31px}.dialog-content{padding:22px 24px;overflow:auto;overscroll-behavior:contain}.dialog-content>p{font-size:12px;color:#7f8c6d;line-height:1.9}.dialog.play-dialog{max-width:830px}.play-dialog .dialog-header{padding:12px 17px}.play-dialog .dialog-header h2{font-size:13px}.play-header-left{display:flex;align-items:center;gap:10px}.play-header-left .badge{font-size:8px}.game-container{min-height:360px;height:min(54dvh,520px);background:#f5f7ee;position:relative}.game-container iframe{display:block;border:0;width:100%;height:100%;background:#f5f7ee}.play-footer{padding:15px 20px;border-top:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.play-footer .author-meta small{font-size:9px}.play-footer .btn{font-size:11px}.play-footer-label{font-size:9px;color:#8b967b;display:block;margin-bottom:4px}.play-result{padding:12px 20px;background:#eef5e1;border-top:1px solid #e0e8d2;font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:10px}.play-result[hidden]{display:none}.play-result span{font-weight:700}.play-result .text-button{font-size:10px}.share-url{padding:12px;border:1px solid var(--line);border-radius:9px;background:#f9fbf4;word-break:break-all;font-size:11px;user-select:all;margin:18px 0}.share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.share-actions .btn{font-size:11px}.share-result-card{background:#edf2e3;padding:22px;border-radius:12px;margin-top:18px}.share-result-card .eyebrow{font-size:9px;color:#8b9976}.share-result-card h3{font-size:21px;margin:8px 0}.share-result-card p{font-size:12px;color:#788c5a}.external-domain{background:#f2f5ed;padding:12px;border-radius:9px;margin:13px 0;word-break:break-all;font-size:12px}.about-note{font-size:10px!important;color:#9aa58c!important;margin-top:14px}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);padding:12px 22px;border-radius:11px;box-shadow:0 7px 24px #12200f24;background:#2c3926;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:150;max-width:calc(100vw - 36px);text-align:center;white-space:pre-line}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Responsive: app-like navigation without requiring installation. */
@media(min-width:1600px){.topbar{padding-left:calc((100vw - 1320px)/2);padding-right:calc((100vw - 1320px)/2)}}
@media(max-width:1250px){.app-layout{grid-template-columns:175px minmax(0,1fr) 245px;gap:22px;padding:26px 24px 70px}.topbar{padding:0 28px;gap:20px}.top-search{margin-left:25px;max-width:340px}.cover-title{font-size:26px}.cover-art{right:16px}.cover.timer .cover-art{right:23px;width:158px}.timer-display{font-size:34px}.hero{padding:26px}.hero h2{font-size:26px}.hero-art{right:0;transform:scale(.87);transform-origin:right center}.rail-card{padding:18px}.hero-copy{max-width:68%}}
@media(max-width:1080px){.app-layout{grid-template-columns:166px minmax(0,710px);justify-content:center;gap:26px;padding:25px 28px 70px}.right-rail{display:none}.top-search{margin-left:15px}.topbar{height:72px}.sidebar{top:95px}.hero-art{right:22px;transform:scale(.97)}.hero h2{font-size:29px}.hero{padding:29px;min-height:245px}.cover-title{font-size:29px}.cover.timer .cover-art{right:38px;width:180px}.timer-display{font-size:39px}.app-layout.full-view{grid-template-columns:166px minmax(0,710px)}}
@media(max-width:760px){.topbar{height:63px;padding:0 19px;gap:12px}.brand{font-size:24px;gap:8px}.brand-symbol{grid-template-columns:repeat(2,10px);gap:3px}.brand-symbol i{width:10px;height:10px;border-radius:3px}.brand small{font-size:8px;margin-bottom:6px}.top-search{display:none}.top-actions{gap:5px}.top-actions>.btn{display:none}.top-actions .avatar{width:30px;height:30px;font-size:17px}.top-actions .icon-button{width:34px;height:34px}.top-actions .icon{width:20px;height:20px}.app-layout,.app-layout.full-view{display:block;padding:19px 17px 95px}.sidebar{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;z-index:45;background:#fffffff2;backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));height:calc(64px + env(safe-area-inset-bottom))}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:52px;color:#949e88;font-size:8px;font-weight:700;line-height:1.6;padding:3px 4px;position:relative}.mobile-nav a .icon{width:20px;height:20px}.mobile-nav a.active{color:#35482a}.mobile-nav a.active:before{content:"";position:absolute;top:-8px;width:19px;height:2px;border-radius:2px;background:#687f3f}.mobile-nav .create-mobile{width:40px;height:35px;background:var(--lime);border-radius:12px;color:#3c512a;display:flex;align-items:center;justify-content:center}.mobile-nav .create-mobile .icon{width:22px;height:22px}.home-topline{margin-bottom:15px}.home-topline h1{font-size:18px}.home-topline span{font-size:9px}.hero{border-radius:15px;padding:23px 22px;min-height:231px;margin-bottom:24px}.hero-copy{max-width:70%}.hero .eyebrow{font-size:8px;letter-spacing:.025em;margin-bottom:10px}.hero h2{font-size:24px;line-height:1.6}.hero p{font-size:9px;line-height:1.8;margin:9px 0 15px;max-width:195px}.hero-art{right:-44px;top:30px;transform:scale(.69);transform-origin:right center}.hero-orbit{left:0}.floating-timer{right:13px;top:67px;width:176px}.floating-timer strong{font-size:38px}.floating-sun{right:48px;top:12px;width:56px;height:56px}.floating-star{left:23px;bottom:20px;width:53px;height:53px}.tiny-spark{display:none}.hero .btn{font-size:10px;min-height:35px;padding:8px 12px;gap:5px}.hero .btn .icon{width:14px;height:14px}.tabs{gap:24px;margin-bottom:18px}.tab{font-size:11px;padding-bottom:12px}.tabs .tab-tail{font-size:8px;padding-top:4px}.feed{gap:16px}.feed-card{padding:17px 16px 7px;border-radius:15px}.feed-header{margin-bottom:13px}.feed-note{font-size:11px;line-height:1.9;margin-bottom:15px}.author-meta strong{font-size:11px}.author-meta small{font-size:9px}.avatar{width:34px;height:34px;font-size:20px}.feed-header .btn{font-size:9px;min-height:27px;padding:5px 8px}.work-preview{border-radius:10px}.cover{height:187px;padding:20px 17px}.cover-title{font-size:24px}.cover-eyebrow{font-size:7px;margin-bottom:11px}.cover-desc{font-size:8px;line-height:1.9}.cover-tag{font-size:7px;margin-top:13px}.cover.timer .cover-art{width:143px;height:114px;padding:18px 10px;right:10px;top:41px}.timer-display{font-size:32px}.timer-label{font-size:6px}.timer-controls{margin-top:11px}.timer-controls i{height:16px}.cover-art{transform:scale(.8);transform-origin:right center}.cover.dinner .cover-art,.cover.gyoza .cover-art,.cover.color .cover-art{transform:scale(.8) rotate(4deg);right:2px;top:10px}.cover.focus .cover-art{right:12px;top:21px}.cover.split .cover-art{right:28px;top:10px;transform:scale(.8) rotate(8deg)}.cover-text{max-width:60%}.cover-title{letter-spacing:-.07em}.cover.dinner .cover-title{font-size:21px}.work-summary{padding:12px}.work-summary h3{font-size:12px}.work-summary p{font-size:9px;line-height:1.7;max-width:240px}.work-summary .play-mini{width:29px;height:29px}.feed-actions{gap:17px;margin-top:4px}.action{font-size:10px;gap:5px}.action .icon{width:16px;height:16px}.feed-actions .author-action{font-size:9px}.feed-actions .author-action .icon{width:12px;height:12px}.page-heading{margin-bottom:19px}.page-heading h1{font-size:21px}.page-heading p{font-size:10px;line-height:1.9}.page-heading .btn{font-size:10px;min-height:34px;padding:7px 10px}.discovery-banner{padding:22px 20px}.discovery-banner h2{font-size:22px}.discovery-banner p{font-size:10px;max-width:235px}.discovery-banner .icon{right:18px;width:48px;height:48px;opacity:.7}.search-large{padding:11px 12px}.search-large input{font-size:11px}.chips{gap:6px;margin-bottom:18px}.chip{font-size:10px;padding:6px 11px}.work-grid{gap:13px}.grid-content{padding:11px}.grid-content h3{font-size:11px}.grid-content p{font-size:9px;line-height:1.8;margin-bottom:9px}.grid-bottom .author-link strong{font-size:9px}.grid-bottom .avatar{width:18px;height:18px;font-size:10px}.grid-bottom .action{font-size:9px}.grid-bottom .action .icon{width:12px;height:12px}.cover.compact{height:139px;padding:13px}.cover.compact .cover-title{font-size:18px}.cover.compact .cover-text{max-width:100%;align-self:flex-start}.cover.compact .cover-eyebrow{font-size:5px;letter-spacing:.1em;margin-bottom:6px}.cover.compact .cover-desc{display:none}.cover.compact .cover-tag{font-size:6px;margin-top:7px}.cover.compact .cover-art,.cover.compact.timer .cover-art{transform:scale(.42) rotate(8deg);transform-origin:right bottom;top:auto;right:7px;bottom:8px;opacity:.95}.cover.compact.timer .cover-art{width:180px;height:133px;padding:19px 14px}.cover.compact.timer .timer-display{font-size:39px}.cover.compact.dinner .cover-art,.cover.compact.gyoza .cover-art,.cover.compact.color .cover-art,.cover.compact.split .cover-art,.cover.compact.focus .cover-art{right:4px;top:auto;bottom:5px;transform:scale(.46) rotate(7deg);transform-origin:right bottom}.cover.compact.split .cover-art{right:10px}.grid-card{border-radius:12px}.profile-banner{height:100px}.profile-panel{padding:0 20px 20px}.profile-name h1{font-size:24px}.profile-name span{font-size:9px}.profile-bio{font-size:11px}.profile-stats{font-size:10px;gap:20px}.profile-stats b{font-size:14px}.profile-next{align-items:flex-start;gap:7px;font-size:9px;padding:10px}.profile-next strong{font-size:9px}.profile-next .icon{width:14px;height:14px;margin-top:2px}.profile-top .btn{font-size:10px;min-height:36px;padding:7px 11px}.profile-banner .profile-slogan{font-size:8px}.author-grid{gap:12px}.author-profile-card{padding:17px}.author-profile-card p{font-size:10px}.author-profile-card .author-link{flex-wrap:wrap}.author-profile-card .btn{font-size:10px;min-height:32px;padding:6px 10px}.work-detail>.cover{height:225px;padding:25px 21px}.work-detail>.cover .cover-title{font-size:30px}.work-detail>.cover .cover-art{transform:scale(.85) rotate(7deg);right:9px;top:52px}.work-detail>.cover.timer .cover-art{width:167px;height:129px}.detail-content{padding:21px 18px}.detail-heading{gap:10px}.detail-heading h1{font-size:21px}.detail-description{font-size:11px}.detail-meta{font-size:9px;gap:10px;margin:13px 0 20px}.maker-box{padding:15px}.maker-box .author-meta small{font-size:9px}.maker-box .btn{font-size:9px;padding:6px 10px;min-height:30px}.maker-note{font-size:10px}.screenshot-list{grid-template-columns:1fr 1fr}.screen-note{padding:12px}.screen-note strong{font-size:10px}.screen-note p{font-size:9px}.screen-note .icon{width:22px;height:22px}.comments-panel{padding:19px 16px}.comment-form{gap:7px}.comment-form .avatar{display:none}.comment-form textarea{font-size:10px}.comment-form .btn{font-size:10px;padding:8px 11px}.comment-body p{font-size:10px}.author-after{padding:18px 15px}.author-after h2{font-size:14px}.author-after>p{font-size:10px}.author-after .btn{font-size:10px;padding:8px 10px}.overlay{padding:13px}.dialog{max-height:calc(100dvh - 26px);border-radius:16px}.dialog-header{padding:16px 18px 12px}.dialog-header h2{font-size:15px}.dialog-content{padding:19px 18px}.dialog.play-dialog{max-height:calc(100dvh - 20px)}.game-container{min-height:330px;height:57dvh;max-height:510px}.play-header-left{gap:6px}.play-header-left .badge{font-size:7px}.play-dialog .dialog-header h2{font-size:12px}.play-footer{padding:12px 14px;gap:8px}.play-footer .btn{font-size:10px;min-height:34px;padding:8px 11px}.play-footer .avatar{width:31px;height:31px;font-size:18px}.play-footer .author-meta strong{font-size:10px}.play-footer .author-meta small{max-width:170px;font-size:8px;line-height:1.6}.play-footer-label{font-size:8px}.play-result{padding:10px 14px;font-size:10px}.play-result .text-button{font-size:9px}.studio-stats{gap:8px;margin:18px 0}.stat-card{padding:14px 11px;border-radius:11px}.stat-card strong{font-size:23px}.stat-card span{font-size:9px}.panel{padding:20px 17px}.panel h2{font-size:14px}.panel p{font-size:10px}.field-row{gap:10px}.field input,.field select,.field textarea{font-size:12px;padding:10px}.field>span{font-size:10px}.form-foot .btn{font-size:11px}.local-note{margin-top:15px}.back-row{margin-bottom:15px}.back-row a{font-size:10px}.share-actions .btn{font-size:10px}.notification{padding:15px}.notification strong{font-size:11px}.notification p{font-size:10px}#toast{bottom:85px;font-size:11px;min-width:240px;padding:12px 15px}}
@media(max-width:370px){.app-layout{padding-left:12px;padding-right:12px}.hero{padding:22px 18px}.hero h2{font-size:22px}.hero-art{right:-52px;transform:scale(.62)}.feed-card{padding-left:13px;padding-right:13px}.cover-title{font-size:22px}.cover.dinner .cover-title{font-size:19px}.cover.timer .cover-art{width:128px;right:8px}.timer-display{font-size:29px}.cover.dinner .cover-art,.cover.gyoza .cover-art,.cover.color .cover-art{transform:scale(.72) rotate(4deg)}.cover.compact .cover-title{font-size:16px}.tabs{gap:19px}.profile-next{flex-wrap:wrap}}
/* Final fit and readable quick-play controls. */
.floating-timer strong{letter-spacing:-.05em;font-size:48px}.timer-display{font-size:46px;letter-spacing:-.05em}.work-summary .quick-play{flex-shrink:0;font-size:10px;min-height:33px;padding:7px 11px}.work-summary .quick-play .icon{width:12px;height:12px}.work-summary>div{min-width:0}.cover-title{overflow-wrap:anywhere}.cover.custom .cover-title{font-size:23px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cover.compact.custom .cover-title{font-size:18px;-webkit-line-clamp:2}@media(max-width:760px){.hero-art{right:0;top:52px;transform:scale(.59)}.hero-copy{max-width:78%}.hero p{max-width:200px}.floating-timer strong{font-size:47px}.timer-display{font-size:39px}.work-summary .quick-play{font-size:9px;padding:6px 8px;min-height:31px;gap:4px}.work-summary p{font-size:8px;max-width:190px}.work-summary h3{font-size:11px}.cover.compact.timer .timer-display{font-size:46px}}@media(max-width:370px){.hero-art{right:-7px;top:63px;transform:scale(.52)}.hero h2{font-size:22px}.hero p{font-size:8px}.work-summary p{max-width:162px}}