.inner-page{padding:8px 2px 30px}.page-header{display:flex;align-items:end;justify-content:space-between;padding:24px 8px 28px}.page-header h1{font:700 clamp(48px,7vw,92px)/.92 "Fraunces",serif;letter-spacing:-.05em;color:var(--red);margin:0}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wheel-panel{text-align:center;background:#ffe3ea}.full-wheel{position:relative;display:grid;place-items:center;min-height:520px}.wheel-ring{width:min(510px,95%);aspect-ratio:1;border-radius:50%;background:conic-gradient(from -90deg,#f6a9bb 0 9.09%,#ff9275 9.09% 18.18%,#f7d369 18.18% 27.27%,#9bc85b 27.27% 36.36%,#78b7cc 36.36% 45.45%,#b5a0cf 45.45% 54.54%,#db73a4 54.54% 63.63%,#e9bd45 63.63% 72.72%,#81b8c8 72.72% 81.81%,#d96d61 81.81% 90.9%,#8da35b 90.9%);border:2px solid var(--ink);position:relative}.wheel-ring:after{content:"";position:absolute;inset:18%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 18px,rgba(58,40,35,.18) 19px 20px),var(--cream);border:1px solid rgba(58,40,35,.35)}.sphere-chip{display:none}.wheel-summary{position:absolute;z-index:2;width:138px;height:138px;border-radius:50%;display:grid;place-content:center;background:var(--coral);color:white}.wheel-summary strong{font:700 48px "Fraunces",serif}.wheel-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.score-panel{background:var(--paper)}.score-panel h2,.history-panel h2,.task-sidebar h2,.habit-plan h2,.wish-form-card h2{font:700 31px "Fraunces",serif;margin:0 0 20px}.score-row{display:grid;grid-template-columns:190px 1fr 32px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(58,40,35,.1);font-size:13px}.score-row span{display:flex;align-items:center;gap:8px}.score-row i{width:11px;height:11px;border-radius:50%}.score-row input{accent-color:var(--coral)}.score-row output{font-weight:700}.history-panel{margin-top:18px;background:#f7d369}.history-item{display:grid;grid-template-columns:150px 1fr 50px;gap:14px;padding:14px 0;border-bottom:1px solid rgba(58,40,35,.15)}.history-item b{font:700 25px "Fraunces",serif}.task-layout,.habits-layout,.wishlist-layout,.weekly-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);gap:18px}.task-list{background:var(--paper);padding:14px}.filter-row{display:flex;gap:7px;padding:4px 4px 16px;overflow:auto}.filter{border:1px solid rgba(58,40,35,.2);background:transparent;border-radius:999px;padding:8px 13px;white-space:nowrap}.filter.active{background:var(--ink);color:white}.task-row{display:grid;grid-template-columns:32px minmax(180px,1fr) 145px 115px 105px 36px;gap:10px;align-items:center;padding:14px 8px;border-top:1px solid rgba(58,40,35,.13)}.task-check{width:25px;height:25px;border-radius:50%;border:2px solid var(--coral);background:white}.task-main strong,.task-main span{display:block}.task-main span{font-size:12px;color:var(--muted);margin-top:4px}.task-row label span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted)}input,select,textarea{width:100%;border:1px solid rgba(58,40,35,.25);border-radius:13px;background:rgba(255,255,255,.72);padding:11px 12px;color:var(--ink);font:inherit}.priority{font-size:11px;border-radius:999px;padding:7px 10px;background:#f8d7a1;text-align:center}.icon-button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(58,40,35,.3);background:transparent}.task-sidebar{background:var(--blue);align-self:start;position:sticky;top:95px}.stack-form{display:grid;gap:10px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.telegram-button{width:100%;border:0;border-radius:16px;padding:14px;background:#2aabee;color:white;font-weight:700;margin:14px 0}.archive-list{padding:0;list-style:none}.archive-list li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(58,40,35,.14)}.archive-list button{border:0;background:none;text-decoration:underline}.habit-day{background:#ffe2ea}.day-score{display:flex;align-items:center;gap:13px;margin-bottom:25px}.day-score strong{font:700 70px "Fraunces",serif;color:var(--pink-deep)}.habit-group h2{font:700 25px "Fraunces",serif;margin:30px 0 9px}.habit-row{width:100%;display:flex;align-items:center;gap:12px;border:0;border-top:1px solid rgba(58,40,35,.12);background:transparent;padding:12px 3px;text-align:left}.habit-row.complete{opacity:.56}.habit-row>div:nth-child(2){flex:1}.habit-row strong,.habit-row span{display:block}.habit-row span{font-size:11px;color:var(--muted)}.habit-row b{font-size:10px;text-transform:uppercase}.habit-tick{width:28px;height:28px;border-radius:50%;border:2px solid var(--pink-deep);display:grid!important;place-items:center;color:white!important}.complete .habit-tick{background:var(--pink-deep)}.habit-plan{background:var(--yellow);align-self:start;position:sticky;top:95px}.soft-note{font-size:12px;line-height:1.5}.vitamin-checks{margin-left:auto;display:flex;gap:6px}.mini-check{width:33px;height:33px;border-radius:50%;border:1px solid var(--coral);background:white}.mini-check.done{background:var(--coral);color:white}.book-toolbar{display:grid;grid-template-columns:1.5fr .8fr auto auto;gap:10px;margin-bottom:16px}.secondary-button{border:1px solid var(--ink);border-radius:999px;background:transparent;padding:12px 18px;font-weight:700}.inline-form{display:grid;grid-template-columns:1.2fr 1fr .8fr .8fr .6fr auto;gap:8px;margin-bottom:16px;background:#ffe3ea}.hidden{display:none!important}.shelf-stats{display:flex;gap:12px;margin:20px 0}.shelf-stats>div{min-width:150px;background:var(--yellow);border-radius:18px;padding:15px;border:1px solid rgba(58,40,35,.25)}.shelf-stats strong,.shelf-stats span{display:block}.shelf-stats strong{font:700 40px "Fraunces",serif}.book-grid,.wish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.book-card{position:relative}.book-cover{aspect-ratio:2/3;border-radius:12px;background:linear-gradient(145deg,var(--pink),var(--coral));display:grid;place-items:center;border:1px solid var(--ink)}.book-cover span{font:700 70px "Fraunces",serif;color:var(--cream)}.book-status{position:absolute;top:10px;left:10px;background:var(--cream);border-radius:999px;padding:5px 8px;font-size:9px}.book-card h3{margin:10px 0 2px;font-family:"Fraunces",serif}.book-card p,.book-card small{margin:0;color:var(--muted)}.empty-state{grid-column:1/-1;display:grid;place-items:center;min-height:260px;text-align:center;color:var(--muted);padding:35px}.wish-form-card{background:var(--pink);align-self:start;position:sticky;top:95px}.wish-card{border:1px solid rgba(58,40,35,.3);border-radius:20px;overflow:hidden;background:var(--paper)}.wish-card>div:last-child{padding:14px}.wish-image{aspect-ratio:1.15;background:var(--wish);display:grid;place-items:center}.wish-image span{font:700 65px "Fraunces",serif;color:white}.wish-card h3{font:700 24px "Fraunces",serif;margin:5px 0}.wish-card p{margin:5px 0}.wish-card a{font-size:12px;color:var(--red)}.weekly-layout{grid-template-columns:.45fr 1fr}.weekly-summary{background:var(--blue);align-self:start;position:sticky;top:95px}.weekly-summary>div{display:flex;align-items:baseline;gap:10px;border-top:1px solid rgba(58,40,35,.15);padding:16px 0}.weekly-summary strong{font:700 48px "Fraunces",serif}.review-form{background:var(--paper);display:grid;gap:18px}.review-form label span{display:block;font-weight:700;margin-bottom:7px}.coming-soon{min-height:60vh;background:var(--pink);display:grid;place-content:center;text-align:center}.coming-soon>span{font:700 100px "Fraunces",serif;color:var(--red)}.coming-soon h2{font:700 45px "Fraunces",serif;margin:10px}.coming-soon p{max-width:540px}.archive-list,.history-item,.task-row{font-size:13px}
@media(max-width:980px){.two-column,.task-layout,.habits-layout,.wishlist-layout,.weekly-layout{grid-template-columns:1fr}.task-sidebar,.habit-plan,.wish-form-card,.weekly-summary{position:static}.task-row{grid-template-columns:30px 1fr 125px 34px}.task-row label:nth-of-type(2),.task-row .priority{display:none}.book-toolbar,.inline-form{grid-template-columns:1fr 1fr}.page-header h1{font-size:58px}.full-wheel{min-height:410px}.wheel-ring{width:390px;max-width:95%}}
@media(max-width:520px){.page-header{padding:18px 2px}.page-header h1{font-size:46px}.task-row{grid-template-columns:28px 1fr 34px}.task-row label{display:none}.book-toolbar,.inline-form{grid-template-columns:1fr}.shelf-stats{overflow:auto}.shelf-stats>div{min-width:125px}.score-row{grid-template-columns:135px 1fr 25px}.history-item{grid-template-columns:100px 1fr 38px}.book-grid,.wish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wish-card h3{font-size:18px}}
.login-screen{min-height:70vh;display:grid;place-items:center;padding:32px}.login-card{width:min(440px,100%);display:grid;gap:18px;padding:38px}.login-card h1{margin:0;font-size:clamp(42px,8vw,72px)}.login-card input{width:100%;box-sizing:border-box}.login-card [role="alert"]{min-height:1.3em;color:#a83d52}

/* Three switchable themes based on the references in “Новый дизайн”. */
html,body{overflow-x:hidden}.app-shell,.page-view,.hero-grid>*,.overview-grid>*,.card,main{min-width:0}.brand,.profile-button,.theme-control{flex:0 0 auto}.desktop-nav{min-width:0;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.desktop-nav::-webkit-scrollbar{display:none}.nav-button{white-space:nowrap;flex:0 0 auto}.theme-control{display:flex;align-items:center;gap:7px}.theme-control span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.theme-control select{width:132px;padding:9px 30px 9px 11px;border-radius:999px;background:rgba(255,255,255,.72)}.hero-copy h1{overflow-wrap:anywhere}.task-list{min-width:0;overflow:hidden}

:root[data-theme="clay"]{--cream:#f7f1e9;--paper:#fffdfa;--pink:#efb8a8;--pink-deep:#c87162;--coral:#d88e78;--red:#8f554d;--blue:#cbd8d5;--blue-deep:#526e70;--yellow:#eed3a0;--ink:#51443f;--muted:#85756f;--line:#d9a18f;--radius:24px;--shadow:0 20px 48px rgba(80,57,49,.18)}
:root[data-theme="clay"] body{background:radial-gradient(circle at 15% 12%,#f3c3b4,transparent 30%),radial-gradient(circle at 85% 85%,#e9dfcf,transparent 35%),#d9c8ba}
:root[data-theme="clay"] .app-shell{border:0;background:rgba(248,244,239,.92);box-shadow:18px 18px 45px rgba(79,60,53,.18),-12px -12px 32px rgba(255,255,255,.6)}
:root[data-theme="clay"] .topbar,:root[data-theme="clay"] .mobile-nav{background:rgba(248,244,239,.86);border-color:rgba(255,255,255,.75)}
:root[data-theme="clay"] .card,:root[data-theme="clay"] input,:root[data-theme="clay"] select,:root[data-theme="clay"] textarea,:root[data-theme="clay"] .secondary-button{border-color:rgba(255,255,255,.7);box-shadow:9px 9px 20px rgba(99,72,62,.13),-7px -7px 18px rgba(255,255,255,.65)}
:root[data-theme="clay"] .primary-button,:root[data-theme="clay"] .round-button,:root[data-theme="clay"] .brand-mark{box-shadow:inset 1px 1px 2px rgba(255,255,255,.6),5px 7px 13px rgba(89,57,48,.2)}

:root[data-theme="fuzzy"]{--cream:#f2ecdd;--paper:#faf7ef;--pink:#ec7b69;--pink-deep:#d34636;--coral:#e45d43;--red:#a9372d;--blue:#283763;--blue-deep:#17213e;--yellow:#e9ad32;--ink:#242223;--muted:#70665e;--line:#bca98e;--radius:28px;--shadow:0 18px 40px rgba(36,34,35,.2)}
:root[data-theme="fuzzy"] body{background:radial-gradient(circle at 15% 20%,rgba(232,169,45,.55),transparent 26%),radial-gradient(circle at 85% 20%,rgba(35,92,83,.42),transparent 27%),#d9d0bc}
:root[data-theme="fuzzy"] .app-shell{background:#eee8da;border:0;box-shadow:0 28px 65px rgba(44,40,36,.28)}
:root[data-theme="fuzzy"] .topbar,:root[data-theme="fuzzy"] .mobile-nav{background:rgba(241,235,222,.94)}
:root[data-theme="fuzzy"] .card,:root[data-theme="fuzzy"] .brand-mark,:root[data-theme="fuzzy"] .profile-button,:root[data-theme="fuzzy"] .primary-button,:root[data-theme="fuzzy"] .round-button,:root[data-theme="fuzzy"] .filter,:root[data-theme="fuzzy"] .theme-control select{border:3px solid rgba(255,255,255,.42);box-shadow:inset 0 0 18px rgba(255,255,255,.38),0 9px 18px rgba(44,38,33,.17);filter:saturate(.95)}
:root[data-theme="fuzzy"] .blue-card,:root[data-theme="fuzzy"] .weekly-summary{color:#f8f2e8}
:root[data-theme="fuzzy"] .blue-card .stat-row strong{color:#f7c557}

:root[data-theme="glass"]{--cream:#eef3fb;--paper:rgba(255,255,255,.5);--pink:rgba(255,132,99,.52);--pink-deep:#ef6749;--coral:#f06242;--red:#bd442f;--blue:rgba(85,190,219,.45);--blue-deep:#20598f;--yellow:rgba(255,194,72,.52);--ink:#273549;--muted:#657188;--line:rgba(121,157,211,.42);--radius:27px;--shadow:0 18px 44px rgba(50,79,126,.2)}
:root[data-theme="glass"] body{background:radial-gradient(circle at 8% 15%,rgba(255,129,77,.64),transparent 24%),radial-gradient(circle at 85% 24%,rgba(51,179,255,.5),transparent 24%),radial-gradient(circle at 70% 90%,rgba(90,75,235,.36),transparent 28%),#e9eef7;background-attachment:fixed}
:root[data-theme="glass"] .app-shell{background:rgba(235,242,252,.62);border:1px solid rgba(255,255,255,.78);box-shadow:0 28px 70px rgba(38,66,108,.25),inset 0 1px rgba(255,255,255,.8);backdrop-filter:blur(24px) saturate(145%)}
:root[data-theme="glass"] .topbar,:root[data-theme="glass"] .mobile-nav{background:rgba(244,248,255,.54);border-color:rgba(255,255,255,.68)}
:root[data-theme="glass"] .card,:root[data-theme="glass"] input,:root[data-theme="glass"] select,:root[data-theme="glass"] textarea,:root[data-theme="glass"] .secondary-button,:root[data-theme="glass"] .filter{background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 1px rgba(255,255,255,.95),0 13px 28px rgba(43,76,130,.16);backdrop-filter:blur(18px) saturate(160%)}
:root[data-theme="glass"] .primary-button,:root[data-theme="glass"] .round-button,:root[data-theme="glass"] .brand-mark{background:linear-gradient(180deg,rgba(255,121,82,.94),rgba(225,73,49,.86));border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 2px 2px rgba(255,255,255,.55),0 7px 16px rgba(206,74,48,.3)}
:root[data-theme="glass"] .coral-card,:root[data-theme="glass"] .blue-card,:root[data-theme="glass"] .yellow-card,:root[data-theme="glass"] .pink-card,:root[data-theme="glass"] .habit-preview{color:var(--ink)}

@media(max-width:1100px){.desktop-nav{display:none}.hero-grid{grid-template-columns:1fr}.overview-grid{grid-template-columns:1fr 1fr}.habit-preview{grid-column:1/-1}.mobile-nav{position:fixed;display:flex;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));padding:8px;z-index:30;overflow-x:auto}.mobile-nav .nav-button{min-width:76px}main{padding-bottom:96px}.task-layout,.habits-layout,.wishlist-layout,.weekly-layout,.two-column{grid-template-columns:1fr}.task-sidebar,.habit-plan,.wish-form-card,.weekly-summary{position:static}}
@media(max-width:680px){.app-shell{width:100%;min-height:100vh;margin:0;border:0;border-radius:0}.topbar{min-height:68px;height:auto;padding:10px 12px;gap:9px}.profile-button{width:38px;height:38px}.theme-control span{display:none}.theme-control select{width:108px;font-size:11px;padding:8px 26px 8px 9px}main{padding:14px 12px 96px}.hero-grid,.overview-grid{grid-template-columns:1fr}.habit-preview{grid-column:auto}.pink-card,.coral-card{min-height:auto}.pink-card{padding:34px 22px}.hero-copy h1{font-size:clamp(43px,14vw,58px)}.section-heading{align-items:flex-start;flex-direction:column}.brand small{display:none}.book-grid,.wish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.app-shell{overflow:clip}.brand strong{font-size:17px}.brand-mark{width:36px;height:36px}.profile-button{display:none}.theme-control{margin-left:auto}.card{padding:18px}.hero-copy h1{font-size:42px}.mini-wheel{width:90%}.book-grid,.wish-grid{grid-template-columns:1fr}.mobile-nav .nav-button{min-width:68px}}
