:root{--bg: #fff3f1;--bg-deep: #fae8e5;--surface: #fffdfb;--surface-soft: #fff8f6;--ink: #4f352b;--ink-strong: #3a261f;--muted: #a18f88;--line: rgba(122, 88, 76, .12);--tomato: #d17862;--tomato-dark: #bd6753;--tomato-soft: #f1b2a8;--leaf: #9dde7f;--leaf-deep: #79c764;--sky: #79b6e8;--sun: #f0bd70;--mint: #8de8ca;--lilac: #a9b1eb;--lavender: #d9c4df;--shadow: 0 18px 48px rgba(145, 80, 68, .12);--soft-shadow: 0 10px 30px rgba(134, 85, 72, .08);color:var(--ink);font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 24% 16%,rgba(255,255,255,.82),transparent 24rem),linear-gradient(180deg,#fff6f4 0%,var(--bg) 38%,#fff7f5 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(117,169,223,.42);outline-offset:3px}.app-shell{min-height:100vh;padding-left:126px}.phone-stage{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:28px clamp(20px,4vw,54px) 54px}.screen{width:min(100%,980px);margin:0 auto;animation:rise-in .26s ease both}.timer-screen,.focus-screen,.mine-screen{width:min(100%,720px)}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:34px}.screen-header h1{margin:0;color:var(--ink-strong);font-size:clamp(30px,4vw,44px);font-weight:900;line-height:1;text-shadow:0 4px 0 rgba(209,120,98,.18)}.tomato-nav{position:fixed;z-index:20;left:24px;top:50%;display:grid;gap:8px;width:80px;transform:translateY(-50%)}.tomato-nav-item{display:grid;gap:8px;place-items:center;min-height:76px;padding:8px 4px;border:0;border-radius:24px;color:#7d6b62;background:transparent;transition:transform .16s ease,color .16s ease,background .16s ease}.tomato-nav-item:hover{transform:translateY(-2px)}.tomato-nav-item.active{color:var(--tomato-dark);background:#ffffff8f;box-shadow:var(--soft-shadow)}.tomato-nav-item .nav-icon{display:grid;width:42px;height:42px;place-items:center;border:2px solid rgba(109,88,80,.38);border-radius:15px;background:#fffaf7b8}.tomato-nav-item svg{width:23px;height:23px;stroke-width:2.15}.tomato-nav-item>span:last-child{font-size:14px;font-weight:800;line-height:1}.tomato-nav-item.featured{min-height:92px}.tomato-nav-item.featured .nav-icon{position:relative;width:58px;height:58px;border-radius:50%;border-color:#5b483e52;background:#ef8b92;box-shadow:inset 0 -7px #b7594e2e,0 8px #ffcdcebf}.tomato-nav-item.featured .nav-icon:before{position:absolute;top:-9px;left:17px;width:26px;height:17px;border-radius:80% 20%;content:"";background:var(--leaf);transform:rotate(-18deg)}.header-actions{display:flex;align-items:center;gap:24px;color:#764d3c}.header-actions>svg{width:40px;height:40px;stroke-width:2.8}.circle-add{display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:50%;color:#fff;background:#dd7a76;box-shadow:0 8px 18px #c7615238}.circle-add svg{width:28px;height:28px;stroke-width:3.6}.home-hero{position:relative;display:grid;min-height:330px;grid-template-columns:minmax(170px,220px) minmax(220px,280px);grid-template-rows:auto auto;column-gap:clamp(28px,5vw,58px);row-gap:18px;justify-content:center;align-items:center;margin-bottom:22px}.usage-card{position:relative;z-index:2;display:grid;grid-column:1;grid-row:1;align-self:end;width:180px;min-height:150px;align-content:start;gap:10px;padding:28px 20px 20px;border-radius:26px 26px 62px;background:#fff;box-shadow:var(--soft-shadow)}.usage-card:before,.usage-card:after{position:absolute;width:10px;height:10px;border-radius:50%;content:"";background:#775342}.usage-card:before{top:22px;left:24px}.usage-card:after{top:22px;right:26px}.usage-card strong{color:#734b3a;font-size:30px;font-weight:500}.usage-card span{color:#705246;font-size:17px;font-weight:800}.usage-card i{width:18px;height:32px;border:3px solid #9aa8a3;border-radius:6px}.usage-card.lower{grid-column:1;grid-row:2;align-self:start;width:190px;margin-top:0;border-radius:24px 62px 26px 26px}.usage-card.lower strong{font-size:26px}.tomato-mascot{position:relative;grid-column:2;grid-row:1 / 3;width:min(260px,26vw);aspect-ratio:1;justify-self:center;border-radius:50%;background:radial-gradient(circle at 28% 43%,#ffc2be 0 7%,transparent 8%),radial-gradient(circle at 75% 43%,#ffc2be 0 7%,transparent 8%),#ef7f5c;box-shadow:inset -12px -16px #c8584414}.tomato-mascot:before{position:absolute;top:-16px;left:34%;width:110px;height:50px;border-radius:85% 15% 75% 25%;content:"";background:var(--leaf);transform:rotate(-5deg);box-shadow:44px 8px 0 -14px var(--leaf-deep),-32px 9px 0 -14px #a9df83}.tomato-mascot:after{display:none}.dumbbell{position:absolute;top:23%;width:60px;height:13px;border-radius:99px;background:#80c8d2}.dumbbell:before,.dumbbell:after{position:absolute;top:-7px;width:14px;height:27px;border-radius:8px;content:"";background:#171412}.dumbbell:before{left:12px}.dumbbell:after{right:12px}.dumbbell.left{left:-32px;transform:rotate(-36deg)}.dumbbell.right{right:-34px;transform:rotate(34deg)}.tomato-mascot .face{position:absolute;top:32%;left:50%;width:108px;height:84px;transform:translate(-50%)}.tomato-mascot .face i{position:absolute;top:0;width:24px;height:16px;border-top:6px solid #16110f;border-radius:50%}.tomato-mascot .face i:first-child{left:16px}.tomato-mascot .face i:nth-child(2){right:16px}.tomato-mascot .face b{position:absolute;left:50%;bottom:10px;width:66px;height:34px;border-bottom:6px solid #201713;border-radius:0 0 70px 70px;transform:translate(-50%)}.feature-icons{display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));gap:clamp(14px,3vw,36px);margin:18px 0 28px}.feature-button{display:grid;justify-items:center;gap:10px;border:0;color:var(--ink);background:transparent}.feature-button.active{color:var(--tomato-dark)}.feature-button span{display:grid;width:62px;height:62px;place-items:center;border-radius:24px;color:#fff;font-size:25px;font-weight:900;box-shadow:var(--soft-shadow)}.feature-button.active span{outline:4px solid rgba(209,120,98,.22);outline-offset:3px}.feature-button b{font-size:16px}.feature-button small{margin-top:-8px;color:var(--muted);font-weight:800}.feature-button.green span{color:#516b51;background:#bfe6b1}.feature-button.tomato span{color:#4e3126;border-radius:50%;background:#ef805f}.feature-button.coral span{background:#ef8b92}.feature-button.blue span{color:#233b5e;background:#dce8ff;box-shadow:inset 0 0 0 9px #315b82,var(--soft-shadow)}.home-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-tile{display:grid;min-height:128px;align-content:start;gap:14px;padding:22px;border:0;border-radius:28px;overflow:hidden;text-align:left;color:#fff;box-shadow:var(--soft-shadow)}.feature-tile strong{font-size:26px;font-weight:900}.feature-tile span{color:#ffffffdb;font-weight:800}.feature-tile.large{grid-row:span 2;min-height:274px}.feature-tile.orange{background:#f1b65e}.feature-tile.lilac{background:var(--lilac)}.feature-tile.purple{background:var(--lavender)}.plan-form{margin:-14px 0 18px}.plan-form input{width:100%;min-height:56px;padding:0 22px;border:0;border-radius:22px;color:var(--ink);background:#ffffffc7;box-shadow:var(--soft-shadow)}.plan-list{display:grid;gap:24px}.edit-command{display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:18px;color:#764d3c;background:transparent}.edit-command.active{color:#fff;background:var(--tomato);box-shadow:var(--soft-shadow)}.plan-card{position:relative;display:grid;grid-template-columns:1fr auto;overflow:hidden;border-radius:30px;background:#fff;box-shadow:var(--soft-shadow)}.plan-card:before{position:absolute;inset:36px auto 36px 0;width:10px;border-radius:0 999px 999px 0;content:"";background:var(--tomato)}.plan-main{display:grid;grid-template-columns:18px 1fr minmax(62px,auto) minmax(62px,auto);gap:18px;align-items:center;min-height:126px;padding:24px 28px 24px 40px;border:0;color:var(--ink);text-align:left;background:transparent}.plan-main>span{width:18px;height:18px;border-radius:50%}.plan-main strong{display:block;margin-bottom:10px;color:#3a3430;font-size:clamp(26px,3vw,36px);font-weight:500}.plan-main small{color:#8e93d7;font-size:22px;font-weight:800}.plan-counts{display:grid;justify-items:center;gap:6px;min-width:62px}.plan-counts b{color:#2c2927;font-size:36px;font-weight:500}.plan-counts small{color:#b8aaa4;font-size:16px}.plan-actions{display:grid;align-content:center;gap:10px;padding-right:18px;opacity:0;pointer-events:none;transform:translate(8px);transition:opacity .16s ease,transform .16s ease}.plan-actions.visible{opacity:1;pointer-events:auto;transform:translate(0)}.plan-card.done .plan-main{opacity:.62}.plan-actions button,.history-row button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;color:#8a675a;background:#fae8e5cc}.plan-actions svg,.history-row button svg{width:18px;height:18px}.mode-tabs{display:flex;justify-content:center;gap:clamp(52px,12vw,140px);margin:36px 0 56px}.mode-tabs button{position:relative;border:0;color:#b3a4a0;background:transparent;font-size:clamp(34px,6vw,52px);font-weight:900}.mode-tabs button.active{color:var(--ink-strong)}.mode-tabs button.active:after{position:absolute;left:50%;bottom:-26px;width:26px;height:18px;border-radius:50% 50% 45% 45%;content:"";background:var(--tomato);transform:translate(-50%)}.topic-select{display:flex;align-items:center;width:min(430px,88%);min-height:72px;margin:0 auto 72px;padding:0 24px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 2px #7a584c0a,var(--soft-shadow)}.topic-select input{min-width:0;flex:1;border:0;color:var(--ink);background:transparent;font-size:26px;font-weight:500;outline:0}.topic-select input::placeholder{color:#aaa6a5}.topic-select svg{color:#9e9d9c;width:30px;height:30px;stroke-width:3}.tomato-timer{position:relative;display:grid;width:min(560px,88vw,calc(100vh - 260px));aspect-ratio:1;place-items:center;margin:0 auto 64px;border-radius:50%;background:linear-gradient(90deg,transparent 0 4%,rgba(255,255,255,.26) 4% 5.5%,transparent 5.5% 10%) 0 70% / 36px 60px repeat-x,var(--tomato);box-shadow:0 0 0 22px #ffdddbe6,var(--shadow)}.tomato-timer:before{position:absolute;inset:0;border-radius:inherit;content:"";background:conic-gradient(from -90deg,rgba(139,217,104,.9) 0 var(--progress),transparent var(--progress) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#000 calc(100% - 14px));mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#000 calc(100% - 14px));opacity:.9}.tomato-timer strong{position:relative;z-index:2;color:#fff;font-size:clamp(72px,13vw,118px);font-weight:400;line-height:1}.tomato-leaves{position:absolute;z-index:3;top:-42px;left:50%;width:230px;height:124px;transform:translate(-50%)}.tomato-leaves i{position:absolute;bottom:0;width:88px;height:108px;border-radius:80% 30% 75%;background:#a9e28f;transform-origin:bottom center}.tomato-leaves i:first-child{left:0;height:76px;transform:rotate(72deg)}.tomato-leaves i:nth-child(2){left:69px;transform:rotate(5deg)}.tomato-leaves i:nth-child(3){right:0;height:76px;transform:rotate(-72deg)}.tick-ruler{position:absolute;left:7%;right:7%;bottom:27%;z-index:2;display:flex;align-items:end;justify-content:space-between;height:80px}.tick-ruler span{width:9px;height:30px;border-radius:999px;background:#ffdbd2a6}.tick-ruler span.tall{height:64px}.tick-ruler span.center{width:22px;height:92px;background:#fff}.tomato-timer em{position:absolute;bottom:18%;left:50%;z-index:2;width:28px;height:22px;border-radius:50% 50% 45% 45%;background:#fff;transform:translate(-50%)}.subject-select{display:flex;align-items:center;justify-content:center;gap:14px;margin:-24px auto 34px;color:#8f7b73;font-weight:800}.subject-select select{min-height:42px;padding:0 14px;border:0;border-radius:18px;color:var(--ink);background:#fff;box-shadow:var(--soft-shadow)}.timer-controls{display:flex;justify-content:center;gap:14px;margin-bottom:26px}.main-action,.quiet-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:74px;border:0;font-size:clamp(26px,4vw,38px);font-weight:900}.main-action{min-width:min(420px,72vw);padding:0 42px;border-radius:28px;color:#fff;background:var(--tomato);box-shadow:0 14px 26px #c768523d}.quiet-action{min-width:104px;padding:0 16px;border-radius:24px;color:var(--tomato-dark);background:#fff;box-shadow:var(--soft-shadow);font-size:22px}.main-action svg,.quiet-action svg{width:26px;height:26px}.stats-screen{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:22px;align-items:start}.stats-screen .screen-header{grid-column:1 / -1;margin-bottom:4px}.white-card{overflow:hidden;padding:24px;border-radius:18px;background:#fff;box-shadow:var(--soft-shadow)}.white-card:nth-of-type(4){grid-column:1 / -1}.card-heading,.month-total{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.card-heading strong,.month-total strong{color:#6f3f34;font-size:18px;font-weight:900}.card-heading span,.month-total span{color:#8e827d;font-size:13px;font-weight:800}.donut-wrap{display:grid;place-items:center;min-height:220px}.donut{display:grid;width:188px;aspect-ratio:1;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,white 0 54%,transparent 55%),conic-gradient(var(--mint) 0 34%,var(--sky) 34% 68%,var(--sun) 68% 84%,#ed7775 84% 100%)}.donut strong{color:#724b3d;font-size:24px}.donut small{color:#8f7d76;font-weight:800}.subject-lines{display:grid;gap:14px}.subject-stat{display:grid;grid-template-columns:10px 1fr auto auto;gap:10px;align-items:center;color:#5e463e}.subject-stat span{width:10px;height:10px;border-radius:50%}.subject-stat b,.subject-stat strong{font-size:14px}.subject-stat small{color:#8e827d}.bar-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;min-height:190px;align-items:end}.bar-column{display:grid;height:170px;align-content:end;gap:8px;text-align:center}.bar-column span{min-height:8px;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#f4c9c4,#ee8b7b)}.bar-column small{color:#9b8b85;font-size:12px;font-weight:800}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;text-align:center}.calendar-grid span{display:grid;min-height:34px;place-items:center;border-radius:12px;color:#66514a;font-weight:800}.calendar-grid span.medium{color:#4ba5d4;background:#e4f6ff}.calendar-grid span.high{color:#24b995;background:#dcfff4}.history-list{display:grid;gap:10px}.history-row{display:grid;grid-template-columns:12px 1fr auto 36px;gap:14px;align-items:center;min-height:68px;padding:10px 0;border-top:1px solid var(--line)}.history-row>span{width:12px;height:38px;border-radius:999px}.history-row strong{display:block;color:#4c3933;font-size:16px}.history-row small{color:#998a84;font-weight:700}.history-row b{color:#744e40;white-space:nowrap}.login-card{position:relative;display:grid;grid-template-columns:78px 1fr;gap:18px;min-height:170px;align-items:center;margin-bottom:24px;padding:24px;overflow:hidden;border-radius:24px;background:#f6c98d;box-shadow:var(--soft-shadow)}.login-card strong{display:block;color:#74513f;font-size:clamp(24px,4vw,34px);font-weight:500}.login-card span{color:#74513f9e;font-size:17px;font-weight:800}.avatar{width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 50% 34%,#f7f5f0 0 19%,transparent 20%),radial-gradient(ellipse at 50% 72%,#f7f5f0 0 36%,transparent 37%),#d5d0ca;box-shadow:0 0 0 4px #ffffff94}.tomato-ghost{position:absolute;right:-22px;bottom:-8px;width:230px;height:118px;border-radius:80% 80% 28px 28px;background:radial-gradient(circle at 42% 42%,#0f0d0b 0 4px,transparent 5px),radial-gradient(circle at 62% 42%,#0f0d0b 0 4px,transparent 5px),#b9b5ac;opacity:.72}.tomato-ghost:after{position:absolute;left:50%;top:45px;width:34px;height:19px;border-bottom:4px solid #0f0d0b;border-radius:0 0 40px 40px;content:"";transform:translate(-50%)}.sync-card{display:grid;gap:12px;margin-bottom:20px;padding:18px;border-radius:18px;background:#fff;box-shadow:var(--soft-shadow)}.sync-card.error{box-shadow:inset 0 0 0 2px #d1786242,var(--soft-shadow)}.sync-card.syncing .sync-title svg{animation:rotate-sync .9s linear infinite}.sync-title{display:flex;align-items:center;gap:12px}.sync-title svg{width:24px;height:24px;color:var(--leaf-deep)}.sync-title strong{display:block;font-size:18px}.sync-title span,.sync-card small{color:#92817a;font-weight:700}.sync-card label{display:grid;gap:8px;color:#76584f;font-weight:800}.sync-card input{min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#fff7f5}.sync-buttons{display:flex;flex-wrap:wrap;gap:10px}.sync-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:0;border-radius:14px;color:#fff;font-weight:900;background:var(--tomato)}.sync-buttons button+button{color:var(--tomato-dark);background:#fff0ee}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:62px;padding:0;border:0;color:#4f4541;background:transparent;text-align:left}.settings-row span{display:inline-flex;align-items:center;gap:14px;font-size:20px;font-weight:500}.settings-row svg{width:25px;height:25px;color:#755240}.settings-row.link svg{width:28px;height:28px;color:#764d3c;stroke-width:3}.switch{position:relative;width:58px;height:30px;border-radius:999px;background:#e7d8d4}.switch:after{position:absolute;top:4px;left:5px;width:22px;height:22px;border-radius:50%;content:"";background:#fff;transition:transform .16s ease}.switch.active{background:#d8756d}.switch.active:after{transform:translate(26px)}.empty-state{display:grid;gap:8px;padding:28px;border-radius:22px;color:#8d7b73;background:#ffffffb8;box-shadow:var(--soft-shadow)}.empty-state strong{color:var(--ink);font-size:20px}.empty-state p{margin:0;line-height:1.7}.tomato-mini{width:42px;height:42px;border-radius:50%;background:var(--tomato)}.tomato-mini:before{display:block;width:18px;height:14px;margin:-5px auto 0;border-radius:12px 2px;content:"";background:var(--leaf)}.info-sheet-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:end center;padding:20px;background:#46302a38}.info-sheet{width:min(520px,100%);padding:24px;border-radius:28px;background:#fff;box-shadow:0 24px 80px #5b342a3d}.info-sheet>div{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.info-sheet strong{color:var(--ink-strong);font-size:24px}.info-sheet button{min-height:40px;padding:0 16px;border:0;border-radius:16px;color:#fff;font-weight:900;background:var(--tomato)}.info-sheet p{margin:0;color:#6f5850;font-size:16px;line-height:1.8}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate-sync{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(min-width:1180px){.home-screen{width:min(100%,1020px)}}@media(max-width:900px){.app-shell{padding-left:0}.phone-stage{padding:18px 18px 86px}.tomato-nav{inset:auto 0 0;display:grid;width:100%;grid-template-columns:repeat(5,1fr);gap:0;padding:6px 10px calc(6px + env(safe-area-inset-bottom));transform:none;background:#fff3f1eb;box-shadow:0 -10px 28px #86554814;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tomato-nav-item{min-height:54px;border-radius:18px}.tomato-nav-item.active{background:transparent;box-shadow:none}.tomato-nav-item.featured{min-height:60px;transform:translateY(-7px)}.tomato-nav-item .nav-icon{width:34px;height:34px;border-radius:13px}.tomato-nav-item.featured .nav-icon{width:48px;height:48px}.tomato-nav-item>span:last-child{font-size:12px}.screen-header{margin-bottom:14px}.screen-header h1{font-size:25px}.home-hero{display:block;min-height:236px;overflow:hidden;margin:-2px -18px 8px;padding:0 18px}.usage-card{position:absolute;top:10px;left:18px;width:112px;min-height:88px;gap:5px;padding:16px 12px 10px;border-radius:18px 18px 42px}.usage-card strong{font-size:18px}.usage-card:before,.usage-card:after{width:7px;height:7px}.usage-card:before{top:16px;left:18px}.usage-card:after{top:16px;right:18px}.usage-card span{font-size:12px}.usage-card i{width:13px;height:24px;border-width:2px}.usage-card.lower{top:108px;left:18px;right:auto;width:122px;margin-top:0;border-radius:18px 42px 18px 18px}.usage-card.lower strong{font-size:17px}.tomato-mascot{position:absolute;left:auto;right:-16px;bottom:0;width:min(180px,46vw)}.tomato-mascot:after{display:none}.tomato-mascot:before{top:-10px;width:74px;height:32px;box-shadow:30px 6px 0 -11px var(--leaf-deep),-22px 7px 0 -11px #a9df83}.dumbbell{display:none;width:56px;height:12px}.dumbbell:before,.dumbbell:after{top:-7px;width:14px;height:26px}.tomato-mascot .face{width:76px;height:60px}.tomato-mascot .face i{width:17px;height:12px;border-top-width:4px}.tomato-mascot .face b{width:48px;height:24px;border-bottom-width:4px}.feature-icons{grid-template-columns:repeat(4,1fr);gap:6px;margin:4px -4px 14px}.tomato-mini{width:30px;height:30px}.tomato-mini:before{width:13px;height:10px;margin-top:-4px}.feature-button span{width:40px;height:40px;border-radius:15px;font-size:16px}.feature-button b{font-size:13px}.feature-button small{font-size:11px}.home-cards{grid-template-columns:1fr 1fr;gap:12px}.feature-tile{min-height:78px;padding:12px;border-radius:18px}.feature-tile.large{min-height:150px}.feature-tile strong{font-size:17px}.feature-tile span{font-size:12px}.mode-tabs{gap:44px;margin:8px 0 22px}.mode-tabs button{font-size:24px}.topic-select{min-height:46px;margin-bottom:28px;border-radius:16px}.topic-select input{font-size:17px}.topic-select svg{width:24px;height:24px}.tomato-timer{width:min(300px,68vw);margin-bottom:18px;box-shadow:0 0 0 10px #ffdddbe6,var(--shadow)}.tomato-timer strong{font-size:clamp(54px,15vw,74px)}.main-action{font-size:22px}.quiet-action{font-size:16px}.plan-main strong{font-size:22px}.plan-main small{font-size:15px}.plan-counts b{font-size:24px}.plan-counts small{font-size:12px}.settings-row span{font-size:20px}.stats-screen{display:block}.white-card{margin-bottom:18px}}@media(min-width:901px)and (max-height:760px){.phone-stage{padding-top:24px}.mode-tabs{margin:14px 0 34px}.mode-tabs button{font-size:40px}.topic-select{min-height:58px;margin-bottom:44px}.topic-select input{font-size:23px}.tomato-timer{width:min(340px,52vh);margin-bottom:20px;box-shadow:0 0 0 14px #ffdddbe6,var(--shadow)}.tomato-leaves{top:-30px;width:168px;height:90px}.tomato-leaves i{width:64px;height:78px}.tomato-leaves i:first-child,.tomato-leaves i:nth-child(3){height:56px}.tomato-leaves i:nth-child(2){left:52px}.tomato-timer strong{font-size:66px}.tick-ruler{height:58px}.tick-ruler span{width:7px;height:22px}.tick-ruler span.tall{height:42px}.tick-ruler span.center{width:18px;height:64px}.subject-select{margin:-2px auto 14px}.main-action,.quiet-action{min-height:56px;font-size:25px}.quiet-action{min-width:92px;font-size:18px}}@media(max-width:620px){body{background:var(--bg)}.phone-stage{padding:14px 14px 82px}.screen{width:100%}.screen-header h1{font-size:24px}.home-hero{display:block;min-height:226px;overflow:hidden;margin:-2px -14px 6px;padding:0 14px}.usage-card{position:absolute;top:6px;left:14px;width:110px;min-height:86px;gap:5px;padding:15px 11px 10px;border-radius:18px 18px 42px}.usage-card strong{font-size:18px}.usage-card span{font-size:12px}.usage-card i{width:13px;height:22px;border-width:2px}.usage-card.lower{top:104px;left:14px;right:auto;width:118px;margin-top:0;border-radius:18px 42px 18px 18px}.usage-card.lower strong{font-size:17px}.tomato-mascot{position:absolute;left:auto;right:-14px;bottom:0;width:min(172px,44vw)}.tomato-mascot:after{display:none}.dumbbell{display:none;width:56px;height:12px}.dumbbell:before,.dumbbell:after{top:-7px;width:14px;height:26px}.tomato-mascot .face{width:72px;height:58px}.tomato-mascot .face i{width:16px;height:11px;border-top-width:4px}.tomato-mascot .face b{width:45px;height:23px;border-bottom-width:4px}.feature-icons{grid-template-columns:repeat(4,1fr);gap:4px;margin:4px -4px 12px}.feature-button span{width:38px;height:38px;font-size:15px}.feature-button{gap:5px}.feature-button b{font-size:12px}.feature-button small{margin-top:-5px}.home-cards{grid-template-columns:1fr 1fr;gap:10px}.feature-tile{min-height:72px;gap:6px;padding:11px;border-radius:16px}.feature-tile.large{min-height:128px}.feature-tile strong{font-size:16px}.plan-card,.plan-main{min-width:0}.plan-main{grid-template-columns:14px 1fr 54px 54px;gap:12px;min-height:106px;padding:20px 16px 20px 28px}.plan-main strong{font-size:22px}.plan-main small{font-size:16px}.plan-counts b{font-size:32px}.plan-actions{padding-right:10px}.mode-tabs{gap:42px;margin:6px 0 20px}.mode-tabs button{font-size:24px}.mode-tabs button.active:after{bottom:-15px;width:18px;height:12px}.topic-select{width:min(330px,90%);min-height:44px;margin-bottom:24px;padding:0 16px;border-radius:15px}.topic-select input{font-size:17px}.tomato-timer{width:min(286px,68vw);margin-bottom:14px;box-shadow:0 0 0 9px #ffdddbe6,var(--shadow)}.tomato-leaves{top:-24px;width:132px;height:70px}.tomato-leaves i{width:50px;height:62px}.tomato-leaves i:first-child,.tomato-leaves i:nth-child(3){height:44px}.tomato-leaves i:nth-child(2){left:41px}.tomato-timer strong{font-size:clamp(44px,14vw,60px)}.tick-ruler{height:42px}.tick-ruler span{width:5px;height:17px}.tick-ruler span.tall{height:32px}.tick-ruler span.center{width:14px;height:48px}.tomato-timer em{width:20px;height:16px}.subject-select{margin:-4px auto 10px;gap:8px;font-size:12px}.subject-select select{min-height:34px;padding:0 10px;border-radius:14px}.timer-controls{gap:6px;margin-bottom:8px}.main-action{min-height:46px;min-width:min(220px,58vw);border-radius:18px;font-size:18px}.quiet-action{min-width:68px;min-height:46px;padding:0 10px;border-radius:18px;font-size:13px}.login-card{grid-template-columns:54px 1fr;min-height:104px;gap:12px;margin-bottom:12px;padding:14px 16px;border-radius:18px}.login-card strong{font-size:21px}.login-card span{font-size:12px}.avatar{width:52px;height:52px}.tomato-ghost{right:-26px;width:148px;height:76px;opacity:.5}.tomato-ghost:after{top:30px;width:22px;height:13px;border-bottom-width:3px}.sync-card{gap:8px;margin-bottom:10px;padding:12px;border-radius:16px}.sync-title{gap:8px}.sync-title svg{width:20px;height:20px}.sync-title strong{font-size:15px}.sync-title span,.sync-card small,.sync-card label{font-size:11px}.sync-card input{min-height:34px;padding:0 10px;border-radius:12px}.sync-buttons{gap:6px}.sync-buttons button{min-height:32px;padding:0 10px;border-radius:12px;font-size:12px}.settings-row span{font-size:16px}.settings-row{min-height:46px;gap:10px}.settings-row svg{width:19px;height:19px}.settings-row.link svg{width:22px;height:22px}.switch{width:46px;height:24px}.switch:after{top:3px;left:4px;width:18px;height:18px}.switch.active:after{transform:translate(20px)}}@media(max-width:420px){.phone-stage{padding-inline:12px}.tomato-nav{padding-inline:8px}.tomato-nav-item>span:last-child{font-size:12px}.tomato-nav-item .nav-icon{width:32px;height:32px}.tomato-nav-item.featured .nav-icon{width:46px;height:46px}.screen-header h1{font-size:23px}.home-hero{min-height:214px;margin-inline:-12px;padding-inline:12px}.feature-button span{width:36px;height:36px}.feature-button b{font-size:12px}.feature-tile strong{font-size:15px}.plan-main{grid-template-columns:10px 1fr}.plan-counts{display:none}.mode-tabs{gap:36px}.tomato-timer{width:min(268px,66vw)}}