@font-face{font-family:Playfair;src:url('шрифты/PlayfairDisplay.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:Inter;src:url('шрифты/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--milk:#faf9f4;--beige:#eadfd2;--sage:#d8e1d1;--olive:#5b6b4f;--warm-gray:#a7a39a;--graphite:#2f2f2f;--muted:#676a66;--border:#dfe3d7;--frame-width:390px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:#e9e7df;color:var(--graphite);font:14px/1.4 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;border:0;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #a5bb86;outline-offset:3px;box-shadow:0 0 0 5px #e9eedf}button:active{transform:scale(.97);transition:transform 100ms ease}h1,h2,p{margin:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex:none}.device{position:relative;width:100%;max-width:var(--frame-width);margin:24px auto;min-height:844px;background:radial-gradient(ellipse at 50% 34%,#f6f5edb3,transparent 65%),var(--milk);overflow:hidden;box-shadow:0 10px 45px #433c2517;border-radius:24px}.phone-status{height:28px;padding:7px 29px 0 35px;display:flex;align-items:center;justify-content:space-between;color:#080a08;line-height:1;font-size:15px}.phone-status b{font-weight:600;letter-spacing:-.5px}.phone-indicators{display:flex;align-items:center;gap:4px}.phone-indicators svg{width:19px;height:14px;fill:currentColor}.phone-indicators .wifi{width:19px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}.phone-indicators .wifi circle{fill:currentColor;stroke:0}.phone-indicators .battery{width:26px}.battery-frame{fill:none;stroke:#565d55;stroke-width:1}.battery path{stroke:#565d55;stroke-width:2;stroke-linecap:round}.app{padding-bottom:78px}.header{height:77px;padding:0 22px 0 25px;display:flex;align-items:center;justify-content:space-between}.logo{width:145px;height:81px;object-fit:contain;position:relative;top:-1px}.profile{height:46px;width:46px;border-radius:50%;display:grid;place-items:center;background:#fffffbe0;border:1px solid #dce2d2;box-shadow:0 5px 15px #57644008}.profile .icon{width:25px;height:25px;color:#4e633d;stroke-width:1.55}main{padding:0 19px}.greeting-line{display:flex;align-items:center;gap:11px}.greeting h1{font-family:Playfair,Georgia,serif;font-size:29px;line-height:1.3;font-weight:600;letter-spacing:-1.05px;color:#090b08;white-space:nowrap}.greeting-sun{width:28px;height:28px;stroke-width:1.25;color:#5a6b47}.greeting p{font-size:12px;color:#666964;margin-top:3px;line-height:19px;letter-spacing:-.15px}.search{height:44px;display:flex;align-items:center;gap:12px;width:100%;padding:0 15px;margin-top:4px;color:#73766f;background:linear-gradient(115deg,#fffffbe8,#ffffffd9);border:1px solid #dfe3d6;border-radius:17px;box-shadow:0 5px 12px #4b52300a;font-size:13px}.search .icon{width:21px;height:21px;stroke-width:1.55}.book-card{position:relative;isolation:isolate;container-type:inline-size;width:100%;aspect-ratio:771 / 438;margin-top:5px;border:1px solid #d8dfc9;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 20% 20%,#f2f3e9,transparent 70%),linear-gradient(110deg,#e4e9d8,#e7eadc 48%,#e5dacb);box-shadow:0 1px 2px #fff8 inset}.book-art{position:absolute;inset:0 0 0 49.8%;overflow:hidden;z-index:1;mask-image:linear-gradient(to right,transparent,#000 8%)}.book-art img{position:absolute;width:calc(853 / 771 * 100cqw);max-width:none;height:auto;left:calc(-426 / 771 * 100cqw);top:calc(-475 / 771 * 100cqw)}.book-copy{position:relative;z-index:2;padding:18px 0 0 17px;width:57%;pointer-events:none}.book-label{display:flex;align-items:center;gap:10px;color:#50613e}.book-label .icon{width:22px;height:22px;stroke-width:1.45}.book-label span{font-size:8px;font-weight:500;padding:3px 9px;border-radius:15px;background:#dce4cfb8;white-space:nowrap}.book-card h2{font-family:Playfair,Georgia,serif;font-size:29px;line-height:1.1;font-weight:600;letter-spacing:-.6px;color:#080b07;margin-top:5px}.book-copy>p{font-size:11px;margin-top:8px;color:#59664d;letter-spacing:-.2px;white-space:nowrap}.primary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:154px;min-height:44px;padding:0 14px;margin-top:7px;border-radius:16px;color:#fffefa;font-size:13px;font-weight:500;letter-spacing:-.25px;background:linear-gradient(125deg,#586a44,#4b5d3b);border:1px solid #60714c;box-shadow:0 6px 13px #5c6c3620;pointer-events:auto;transition:transform 100ms,background 100ms}.primary .icon{width:18px;height:18px}.primary:active{background:#39442f}.assistant-card,.metrics-card{display:flex;width:100%;align-items:center;border:1px solid #e0e4d9;border-radius:20px;background:linear-gradient(115deg,#fffffcf0,#fffefae8);box-shadow:0 5px 13px #575b3007;position:relative}.assistant-card{height:85px;margin-top:8px;padding:13px 14px;gap:13px}.assistant-icon{width:50px;height:50px;display:grid;place-items:center;flex:none;border-radius:16px;background:linear-gradient(125deg,#e8eddf,#e4ead9);color:#51643e}.assistant-icon .icon{width:32px;height:32px;stroke-width:1.7}.assistant-copy{min-width:0;align-self:center}.assistant-copy strong{display:block;font:600 20px/1.25 Playfair,Georgia,serif;letter-spacing:-.5px;color:#11130e;white-space:nowrap}.assistant-copy small{display:block;font-size:11px;color:#6e706a;margin-top:4px;white-space:nowrap;letter-spacing:-.25px}.chevron{margin-left:auto;color:#4d6138;width:17px;height:17px;stroke-width:1.6}.day-heading{margin:15px 0 6px;display:flex;align-items:center;justify-content:space-between}.day-heading h2{font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.6px;color:#10130f}.day-heading>span{font-size:10px;color:#696c66;letter-spacing:-.25px}.day-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.day-card{height:124px;padding:11px 13px 12px;border-radius:19px;border:1px solid #e0e4d9;background:linear-gradient(115deg,#fffffcf0,#fffefae8);box-shadow:0 6px 13px #575b3008;position:relative;display:flex;flex-direction:column;align-items:stretch}.day-top{display:flex;align-items:center;justify-content:space-between}.day-icon{display:grid;place-items:center;width:32px;height:33px;border-radius:11px;background:#e8edde;color:#4b6138}.day-icon .icon{width:26px;height:26px;stroke-width:1.65}.chip{font-size:10px;color:#52663e;padding:4px 9px;border-radius:15px;background:#eaf0e1;line-height:1.3;white-space:nowrap}.day-card strong{font-size:15px;letter-spacing:-.4px;font-weight:600;color:#0c100b;margin-top:7px;line-height:19px}.day-action{display:flex;align-items:center;justify-content:space-between;color:#73766e;font-size:12px;line-height:18px;margin-top:3px}.day-action .icon{width:18px;height:18px;color:#4b6135}.learning-progress{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1;color:#6e716b;margin-top:auto}.progress-track{height:6px;flex:1;background:#ebeee3;border-radius:9px;overflow:hidden}.progress-track>span{display:block;width:33.3333%;height:100%;border-radius:9px;background:linear-gradient(90deg,#91a876,#b3c29b)}.metrics-card{height:78px;margin-top:8px;padding:13px 15px;gap:12px}.metrics-icon{width:39px;height:41px;display:grid;place-items:center;border-radius:13px;color:#50663c;background:#e8edde;flex:none}.metrics-icon .icon{width:28px;height:28px;stroke-width:1.65}.metrics-copy{min-width:0}.metrics-copy strong{font-size:15px;font-weight:600;color:#10150f;letter-spacing:-.3px;display:block}.metrics-copy small{display:block;font-size:11px;color:#77796f;letter-spacing:-.3px;margin-top:3px;white-space:nowrap}.nav-area{position:absolute;left:0;right:0;bottom:0;padding:8px 13px 16px;background:linear-gradient(transparent,var(--milk) 26%);z-index:10}.bottom-nav{height:56px;padding:4px 5px;display:flex;gap:2px;border:1px solid #dfe4d5;border-radius:21px;background:#fffffcf5;box-shadow:0 5px 18px #565d2d0a}.bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:1;min-width:0;border-radius:16px;padding:0;color:#666c60;font-size:9px;letter-spacing:-.25px;background:transparent}.bottom-nav .icon{height:23px;width:23px;stroke-width:1.5}.bottom-nav button.selected{background:linear-gradient(140deg,#e8efdd,#e1e8d5);color:#4e6536;font-weight:600}.home-indicator{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);height:3px;width:108px;background:#a3aa9a;border-radius:4px}.prototype-toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);width:min(340px,calc(100% - 40px));padding:15px 44px 15px 17px;border-radius:16px;background:#343e2cf5;color:#fffefa;box-shadow:0 8px 35px #0003;z-index:100}.prototype-toast strong{display:block;font-size:14px}.prototype-toast>span{display:block;font-size:12px;line-height:1.5;margin-top:5px;opacity:.85}.prototype-toast button{position:absolute;right:0;top:0;width:44px;height:44px;background:transparent;color:#fffefa;font-size:23px;text-align:center}.prototype-toast[hidden]{display:none}
@media(max-width:480px){body{background:var(--milk)}.device{margin:0;max-width:none;min-height:100svh;border-radius:0;box-shadow:none}.nav-area{position:fixed;left:50%;transform:translateX(-50%);width:100%;max-width:none}.app{padding-bottom:78px}}
@media(max-width:374px){.header{padding-left:22px;padding-right:20px}.logo{width:139px}main{padding:0 17px}.greeting h1{font-size:26px;letter-spacing:-.85px}.greeting-line{gap:9px}.greeting-sun{width:25px;height:25px}.book-copy{padding-top:15px;padding-left:15px}.book-label .icon{width:20px;height:20px}.book-label span{font-size:7px;padding-left:7px;padding-right:7px}.book-card h2{font-size:26px;margin-top:6px}.book-copy>p{font-size:10px;margin-top:7px}.primary{width:143px;margin-top:7px;font-size:12px;min-height:44px}.assistant-card{gap:10px;padding-left:12px;padding-right:12px}.assistant-icon{width:44px;height:46px}.assistant-copy strong{font-size:19px}.assistant-copy small{font-size:10px}.day-card{padding-left:11px;padding-right:11px}.day-heading>span{font-size:9px}.metrics-card{padding-left:12px;padding-right:12px;gap:10px}.metrics-copy small{font-size:10px}.bottom-nav button{font-size:8.5px}}
@media(prefers-reduced-motion:reduce){button,button:active{transition:none;transform:none}}
/* Only the handwritten words are replaced; Olga and all surrounding pixels remain from the original. */
.book-art img.book-lettering{height:calc(1844 / 771 * 100cqw);clip-path:polygon(80.0703% 28.9046%,94.1383% 28.9046%,94.1383% 33.46%,80.0703% 33.46%)}