@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_b006827b-module__8phXqa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--page:#f6f8fb;--card:#fff;--inset:#f1f5f9;--inset-2:#e8eef6;--input-bg:#fff;--border:#0000001a;--border-s:#00000012;--tx1:#0f172a;--tx2:#1e293b;--tx3:#475569;--tx4:#64748b;--tx5:#94a3b8;--ac:#6366f1;--ac-h:#4f46e5;--ac-s:#eef2ff;--ac-mid:#e0e7ff;--ac-r:#6366f133;--ac-glow:0 0 0 3px #6366f11f;--ac-sh:0 4px 20px #6366f138,0 1px 6px #6366f11f;--green:#059669;--green-s:#ecfdf5;--green-b:#6ee7b7;--red:#dc2626;--red-s:#fef2f2;--red-b:#dc262633;--amber:#d97706;--amber-s:#fffbeb;--amber-b:#d9770633;--sh-xs:0 1px 2px #0000000a,0 1px 3px #00000008;--sh-sm:0 1px 2px #0000000a,0 8px 24px #0000000f;--sh:0 4px 6px #0000000d,0 12px 32px #00000014;--sh-md:0 8px 10px #0000000d,0 20px 40px #0000001a;--r-xs:6px;--r-sm:8px;--r:16px;--r-lg:20px;--sidebar-w:240px;--nav-h:60px;--ease:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--tx2);-webkit-font-smoothing:antialiased;background:linear-gradient(#f8fafc,#f1f5f9) fixed;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--card);border-right:1px solid var(--border-s);z-index:20;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden auto;box-shadow:2px 0 8px #0c15230d}.sidebar::-webkit-scrollbar{width:0}.sidebar-header{border-bottom:1px solid var(--border-s);padding:20px 16px 16px}.sidebar-logo{align-items:center;gap:10px;display:flex}.sidebar-logo-mark{background:linear-gradient(135deg,var(--ac)0%,var(--ac-h)100%);border-radius:var(--r-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 3px 10px #4f46e566}.sidebar-logo-name{color:var(--tx1);letter-spacing:-.3px;font-size:15px;font-weight:700}.sidebar-nav{flex:1;padding:8px}.sidebar-group{margin-bottom:4px}.sidebar-group-label{text-transform:uppercase;letter-spacing:1px;color:var(--tx5);padding:10px 10px 4px;font-size:10px;font-weight:700;display:block}.sidebar-footer{border-top:1px solid var(--border-s);padding:8px 8px 16px}.nav-item{border-radius:var(--r-xs);color:var(--tx3);text-align:left;width:100%;transition:background var(--ease),color var(--ease);background:0 0;border:none;align-items:center;gap:9px;margin-bottom:2px;padding:8px 10px;font-size:13.5px;font-weight:500;display:flex}.nav-item:hover{background:var(--inset);color:var(--tx1)}.nav-item.active{background:var(--ac-s);color:var(--ac);box-shadow:inset 3px 0 0 var(--ac);font-weight:600}.nav-item svg{flex-shrink:0;width:16px;height:16px}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.topbar{background:var(--card);border-bottom:1px solid var(--border-s);z-index:10;flex-shrink:0;align-items:center;height:56px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0c15230f}.topbar-title{color:var(--tx1);letter-spacing:-.2px;font-size:14px;font-weight:600}.main-content{flex:1;padding:32px}.mobile-nav{height:var(--nav-h);background:var(--card);border-top:1px solid var(--border-s);z-index:100;display:none;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -4px 16px #0c152314}.mobile-nav::-webkit-scrollbar{height:0}.mobile-nav-inner{align-items:stretch;min-width:max-content;height:100%;display:flex}.mobile-nav-btn{color:var(--tx4);min-width:56px;transition:color var(--ease);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 14px;font-size:10px;font-weight:500;display:flex}.mobile-nav-btn.active{color:var(--ac);background:var(--ac-s)}.mobile-nav-btn svg{width:18px;height:18px}.card{background:var(--card);border-radius:var(--r);border:1px solid #00000012;padding:22px 24px;transition:box-shadow .2s,transform .2s,border-color .2s;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f}.card:hover{border-color:#0000001a;transform:translateY(-2px);box-shadow:0 4px 6px #0000000d,0 12px 32px #00000014}.card+.card{margin-top:16px}.card-hd{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:var(--tx1);letter-spacing:-.3px;font-size:15px;font-weight:700}.card-sub{color:var(--tx4);margin-top:2px;font-size:12px}.stat{background:var(--card);border-radius:var(--r);border:1px solid #00000012;padding:24px 22px 20px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f}.stat:after{content:"";background:linear-gradient(90deg,var(--ac)0%,#6366f14d 60%,transparent 100%);opacity:.3;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.stat:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000000d,0 12px 32px #00000014}.stat:hover:after{opacity:1}.stat-hero{border-radius:var(--r-lg);color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#6366f1 100%);border:none;box-shadow:0 10px 30px #4f46e547,0 2px 8px #4f46e52e,inset 0 1px #ffffff26}.stat-hero:after{display:none}.stat-hero:hover{transform:translateY(-2px);box-shadow:0 16px 40px #4f46e559,0 4px 12px #4f46e533,inset 0 1px #ffffff26}.stat-hero .stat-label{color:#ffffffbf}.stat-hero .stat-val{color:#fff}.stat-hero .stat-hint{color:#ffffffa6}.stat-label{color:var(--tx4);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:9px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.stat-val{letter-spacing:-1.5px;color:var(--tx1);font-size:38px;font-weight:800;line-height:1}.stat-hint{color:var(--tx4);margin-top:12px;font-size:12px;font-weight:500}.page-title{color:var(--tx1);letter-spacing:-.5px;margin-bottom:6px;font-size:24px;font-weight:800;line-height:1.15}.page-sub{color:var(--tx3);margin-bottom:28px;font-size:13px}.section-label{text-transform:uppercase;letter-spacing:.7px;color:var(--tx3);margin-bottom:10px;font-size:11px;font-weight:700;display:block}.label{color:var(--tx2);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.meta{color:var(--tx3);font-size:12px}.g2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.g3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.g4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.btn{border-radius:var(--r-sm);transition:all var(--ease);white-space:nowrap;cursor:pointer;border:none;outline:none;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:600;display:inline-flex}.btn:focus-visible{outline:3px solid var(--ac-r);outline-offset:2px}.btn:disabled{opacity:.4;pointer-events:none}.btn:active{transform:scale(.97)}.btn svg{flex-shrink:0;width:14px;height:14px}.btn-sm{padding:6px 14px;font-size:12.5px}.btn-sm svg{width:13px;height:13px}.btn-primary{background:var(--ac);color:#fff;box-shadow:0 2px 8px #4f46e547}.btn-primary:hover{background:var(--ac-h);transform:translateY(-1px);box-shadow:0 4px 18px #4f46e56b}.btn-secondary{background:var(--card);color:var(--tx2);border:1px solid var(--border);box-shadow:var(--sh-xs)}.btn-secondary:hover{background:var(--inset);color:var(--tx1);border-color:var(--border);box-shadow:var(--sh-sm)}.btn-ghost{color:var(--tx3);border-radius:var(--r-xs);background:0 0}.btn-ghost:hover{background:var(--inset);color:var(--tx1)}.btn-danger{background:var(--red-s);color:var(--red);border:1px solid var(--red-b)}.btn-danger:hover{background:var(--red);color:#fff}.btn-icon{cursor:pointer;color:var(--tx4);border-radius:var(--r-xs);transition:all var(--ease);background:0 0;border:none;justify-content:center;align-items:center;padding:7px;display:inline-flex}.btn-icon:hover{background:var(--inset);color:var(--tx1)}.btn-icon svg{width:15px;height:15px}.inp{background:var(--input-bg);border:1.5px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--tx1);box-shadow:var(--sh-xs);transition:border-color var(--ease),box-shadow var(--ease);outline:none;padding:9px 13px;font-family:inherit;font-size:13.5px}.inp:hover:not(:focus){border-color:#94a3b8}.inp:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--ac-r)}.inp::placeholder{color:var(--tx5)}.inp:disabled{background:var(--inset);opacity:.6}textarea.inp{resize:vertical;min-height:110px;line-height:1.7}select.inp{cursor:pointer}.inp-wrap{position:relative}.inp-wrap .inp{padding-left:38px}.inp-icon{color:var(--tx4);pointer-events:none;width:15px;height:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.toggle{background:var(--border);cursor:pointer;width:40px;height:22px;transition:background var(--ease);border:none;border-radius:999px;flex-shrink:0;position:relative}.toggle.on{background:var(--ac)}.toggle:after{content:"";width:16px;height:16px;transition:left var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0c152333}.toggle.on:after{left:21px}.badge{border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-gray{background:var(--inset);color:var(--tx3);border:1px solid var(--border-s)}.badge-blue{background:var(--ac-s);color:var(--ac)}.badge-green{background:var(--green-s);color:var(--green)}.badge-amber{background:var(--amber-s);color:var(--amber)}.badge-red{background:var(--red-s);color:var(--red)}.counter{align-items:center;gap:8px;display:flex}.counter-btn{border-radius:var(--r-xs);background:var(--inset);border:1.5px solid var(--border);width:30px;height:30px;color:var(--tx3);box-shadow:var(--sh-xs);transition:all var(--ease);justify-content:center;align-items:center;display:flex}.counter-btn:hover{border-color:var(--ac);color:var(--ac);background:var(--ac-s)}.counter-btn svg{width:14px;height:14px}.counter-val{color:var(--tx1);text-align:center;min-width:30px;font-size:18px;font-weight:700}.row{border-bottom:1px solid var(--border-s);align-items:center;gap:12px;padding:12px 0;display:flex}.row:last-child{border-bottom:none}.checkbox{border:2px solid var(--border);cursor:pointer;background:var(--input-bg);width:18px;height:18px;transition:all var(--ease);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox:hover{border-color:var(--ac)}.checkbox.checked{background:var(--green);border-color:var(--green)}.checkbox svg{color:#fff;width:10px;height:10px}.bubble{border-radius:14px;max-width:82%;padding:11px 15px;font-size:13.5px;line-height:1.65}.bubble-me{background:var(--ac);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble-ai{background:var(--card);border:1px solid var(--border-s);box-shadow:var(--sh-xs);color:var(--tx2);border-bottom-left-radius:4px;align-self:flex-start}.bubble-sys{background:var(--amber-s);border:1px solid var(--amber-b);color:var(--amber);text-align:center;border-radius:var(--r-xs);align-self:center;max-width:88%;padding:8px 12px;font-size:12px}.notes-grid{grid-template-columns:220px 1fr;gap:14px;display:grid}.note-item{background:var(--card);border:1.5px solid var(--border-s);border-radius:var(--r-sm);cursor:pointer;box-shadow:var(--sh-xs);transition:all var(--ease);margin-bottom:6px;padding:11px 13px}.note-item:hover{border-color:var(--border);box-shadow:var(--sh-sm)}.note-item.active{border-color:var(--ac);background:var(--ac-s);box-shadow:0 0 0 3px var(--ac-r)}.note-title{color:var(--tx1);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:13px;font-weight:600;overflow:hidden}.note-prev{color:var(--tx4);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.note-date{color:var(--tx5);margin-top:5px;font-size:10.5px}.space-card{background:var(--card);border:1.5px solid var(--border-s);border-radius:var(--r);cursor:pointer;box-shadow:var(--sh-sm);transition:all var(--ease);padding:20px 22px;position:relative;overflow:hidden}.space-card:hover{border-color:var(--border);box-shadow:var(--sh-md);transform:translateY(-2px)}.clock-card{background:var(--card);border:1.5px solid var(--border-s);border-radius:var(--r);cursor:pointer;box-shadow:var(--sh-sm);transition:all var(--ease);padding:16px 18px}.clock-card:hover{border-color:var(--border);box-shadow:var(--sh-md)}.clock-card.active{border-color:var(--ac);background:var(--ac-s);box-shadow:0 0 0 3px var(--ac-r)}.news-row{border-bottom:1px solid var(--border-s);padding:14px 0}.news-row:last-child{border-bottom:none}.news-title{color:var(--tx1);transition:color var(--ease);font-size:14px;font-weight:600;line-height:1.45}.news-row:hover .news-title{color:var(--ac)}.icon-box{border-radius:var(--r-sm);background:#f1f5f9;border:1px solid #00000017;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-box svg{width:18px;height:18px}.icon-box-sm{background:#f1f5f9;border:1px solid #00000017;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-box-sm svg{width:16px;height:16px}.icon-box-md{background:#f1f5f9;border:1px solid #00000017;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-box-md svg{width:18px;height:18px}.icon-green{background:#dcfce7;border-color:#05966938}.icon-amber{background:#fef3c7;border-color:#d9770638}.icon-red{background:#fee2e2;border-color:#dc262638}.icon-accent{background:#e0e7ff;border-color:#6366f140}.icon-hero{background:#fff3;border-color:#ffffff59}.text-primary{color:var(--tx1)}.text-secondary{color:var(--tx2)}.text-muted{color:var(--tx3)}.text-faint{color:var(--tx4)}.text-success{color:var(--green)}.text-danger{color:var(--red)}.text-warning{color:var(--amber)}.text-accent{color:var(--ac)}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-md{font-size:13.5px}.text-lg{font-size:15px}.text-xl{font-size:18px}.text-2xl{font-size:22px}.text-3xl{font-size:26px}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.mt-2{margin-top:2px}.mb-2{margin-bottom:2px}.mt-4{margin-top:4px}.mb-4{margin-bottom:4px}.mt-6{margin-top:6px}.mb-6{margin-bottom:6px}.mt-8{margin-top:8px}.mb-8{margin-bottom:8px}.mt-12{margin-top:12px}.mb-12{margin-bottom:12px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.mt-20{margin-top:20px}.mb-18{margin-bottom:18px}.mt-24{margin-top:24px}.mb-20{margin-bottom:20px}.mt-28{margin-top:28px}.mb-24{margin-bottom:24px}.mb-28{margin-bottom:28px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-1{flex:1;min-width:0}.gap-2{gap:2px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-14{gap:14px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dash-header{background:radial-gradient(60% 80% at 0%,#6366f114 0%,#0000 70%),linear-gradient(160deg,#6366f112 0%,#8b5cf60a 35%,#0000 65%),#fff;border-bottom:1px solid #6366f11a;margin:-32px -32px 32px;padding:30px 32px 28px;position:relative}.dash-greeting{color:var(--tx1);letter-spacing:-.6px;font-size:28px;font-weight:800;line-height:1.15}.dash-date{color:var(--tx4);margin-top:6px;font-size:13px;font-weight:500}.habit-icon{border-radius:var(--r-sm);background:var(--inset);border:1px solid var(--border-s);width:38px;height:38px;transition:background var(--ease),border-color var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:flex}.habit-icon.done{background:var(--green-s);border-color:var(--green-b)}.history-table{border-collapse:collapse;width:100%}.history-th{text-transform:uppercase;letter-spacing:.5px;color:var(--tx4);text-align:center;padding:4px 8px;font-size:11px;font-weight:600}.history-th.first{text-align:left;padding:4px 10px}.history-th.today{color:var(--ac);font-weight:700}.history-td{text-align:center;padding:9px 8px}.history-td.first{white-space:nowrap;padding:9px 10px}.history-dot{background:var(--border-s);border-radius:50%;width:11px;height:11px;margin:0 auto}.history-dot.done{background:var(--green)}.history-dot.partial{background:var(--ac)}.space-name{color:var(--tx1);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.space-sub{color:var(--tx4);margin-top:1px;font-size:12px}.tile-name{color:var(--tx1);font-size:13px;font-weight:600}.tile-status{color:var(--tx4);margin-top:1px;font-size:12px}.tile-name.done,.tile-status.done{color:var(--green)}.login-page{background:var(--page);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px;display:flex}.login-title{color:var(--tx1);letter-spacing:-.4px;font-size:22px;font-weight:800}.login-sub{color:var(--tx3);font-size:13px}.login-card{flex-direction:column;gap:14px;width:100%;max-width:400px;display:flex}.input-group{flex-direction:column;display:flex}.login-error{background:var(--red-s);border:1px solid var(--red-b);border-radius:var(--r-xs);color:var(--red);align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.login-submit{justify-content:center;width:100%;padding:11px 16px;font-size:14px}.login-footer{text-align:center;color:var(--tx5);margin-top:4px;font-size:12px}.divider{background:var(--border-s);height:1px;margin:16px 0}.space-row{border-radius:var(--r-sm);cursor:pointer;background:var(--inset);border:1px solid #00000012;align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.space-row:hover{background:var(--inset-2);border-color:#0000001c;transform:translateY(-1px);box-shadow:0 4px 6px #0000000d,0 8px 20px #00000012}.habit-tile{border-radius:var(--r-sm);cursor:pointer;background:var(--inset);border:1px solid #00000012;align-items:center;gap:12px;padding:14px 15px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.habit-tile:hover{background:var(--inset-2);border-color:#0000001c;transform:translateY(-1px);box-shadow:0 4px 6px #0000000d,0 8px 20px #00000012}.habit-tile.done{background:var(--green-s);border-color:#05966940}.habit-tile.done:hover{border-color:#05966966;box-shadow:0 4px 6px #05966914,0 8px 20px #0596691f}@media (max-width:768px){.sidebar{display:none}.mobile-nav{display:flex}.main-content{padding:16px 14px 76px}.g2{grid-template-columns:1fr}.g3,.g4{grid-template-columns:1fr 1fr}.notes-grid{grid-template-columns:1fr}}@media (max-width:480px){.g3,.g4{grid-template-columns:1fr 1fr}.main-content{padding:12px 12px 76px}}