*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#103b78;background:#eaf6ff}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #ffae39;outline-offset:2px}.shell{min-height:100vh;max-width:1380px;margin:auto;background:#eef8ff;box-shadow:0 0 50px #0c3d7c20;padding-bottom:84px}.top{height:94px;background:linear-gradient(105deg,#0864d3,#2050b5);display:flex;align-items:center;justify-content:space-between;padding:10px 28px;color:white;gap:12px}.logo{border:0;background:none;color:white;text-align:left;padding:0;white-space:nowrap}.logo strong{font-size:42px;letter-spacing:-2px;line-height:1}.logo strong span{color:#ff8e48}.logo small{display:block;font-size:15px;margin-top:4px;letter-spacing:.1px}.topright{display:flex;align-items:center;gap:17px}.topright b{white-space:nowrap;font-size:16px}.topright small{font-size:11px}.topicon{color:white;background:transparent;border:0;font-size:27px;position:relative}.bell i{position:absolute;top:-4px;right:-4px;font-size:11px;background:#fa3758;border-radius:50%;width:18px;height:18px;font-style:normal}.content{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:14px;padding:18px 18px 12px}.widgetpanel{background:linear-gradient(150deg,#142044,#29215b);border-radius:24px;padding:17px;color:white}.widgetpanel h2{font-size:21px;line-height:1.2;margin:2px 4px 17px}.widgetpanel h2 small{display:block;font-size:14px}.widget{border:2px solid #ffffff8a;box-shadow:inset 0 1px #fff6,0 6px 12px #060b3035;border-radius:23px;min-height:120px;display:grid;grid-template-columns:122px 1fr;align-items:center;overflow:hidden;margin-bottom:10px;width:100%;text-align:left;padding:0;color:white;position:relative}.widget img{width:122px;height:120px;object-fit:cover;object-position:center}.widget .wt{padding:10px 7px 10px 4px;display:flex;flex-direction:column;gap:5px}.widget b{font-size:17px;line-height:1.12}.widget small{font-size:12px;line-height:1.25}.widget em{font-size:11px;text-align:right;font-style:normal;font-weight:900}.widget[data-mood=hungry]{background:linear-gradient(100deg,#6b2e08,#f89718)}.widget[data-mood=dirty]{background:linear-gradient(100deg,#4a2c1a,#b78439)}.widget[data-mood=sleep]{background:linear-gradient(100deg,#2b1264,#0d55ba)}.widget[data-mood=love]{background:linear-gradient(100deg,#8b1a83,#ee216b)}.widget[data-mood=sick]{background:linear-gradient(100deg,#8b1a32,#f3233e)}.widget[data-mood=happy]{background:linear-gradient(100deg,#176b2b,#6dd52b)}.widget.selected{outline:3px solid #fff;outline-offset:-5px}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1380px);height:76px;background:#fff;border-top:1px solid #d5e4f8;display:flex;justify-content:space-around;z-index:20;box-shadow:0 -3px 15px #1e4c8320}.bottom button{background:none;border:0;color:#78869c;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;flex:1}.bottom button span{font-size:28px;line-height:1}.bottom button.active{color:#0759c5;font-weight:800}.page{max-width:860px;margin:auto}.pageheading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.pageheading h1{font-size:24px;margin:0}.pill{padding:9px 12px;border-radius:99px;background:#ffefbc;font-weight:800;color:#a35d09;font-size:12px}.pageheading p{color:#6283a6;margin:4px 0}.homehero{border-radius:23px;overflow:hidden;background:linear-gradient(115deg,#dcefff,#d3e9ff);display:grid;grid-template-columns:1fr 1fr;min-height:285px;border:1px solid #bfdaf7}.herotext{padding:29px 25px}.herotext .eyebrow{font-size:11px;letter-spacing:1px;font-weight:900;color:#1361b8}.herotext h2{font-size:30px;line-height:1.18;margin:18px 0 10px}.herotext p{color:#5078a4}.primary{border:0;border-radius:14px;padding:15px 20px;background:linear-gradient(180deg,#16ce8d,#05a972);color:white;font-weight:900;box-shadow:0 5px #008e62}.heroimage{background:url('assets/oziko-room.webp') center 38%/cover;min-height:285px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.stat{background:white;border:1px solid #d4e5f7;border-radius:18px;text-align:center;padding:15px}.stat b{display:block;font-size:25px}.stat small{color:#6687ab}.stat span{font-size:23px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.feature{border:1px solid #ffffff9c;border-radius:18px;padding:14px 4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:95px;color:white;font-weight:800;font-size:12px;box-shadow:0 5px 0 #244b7230}.feature span{font-size:28px}.blue{background:linear-gradient(#22baff,#0074e9)}.red{background:linear-gradient(#ff7184,#ff3158)}.green{background:linear-gradient(#31d9a1,#00a77c)}.purple{background:linear-gradient(#a967ff,#6d30e3)}.orange{background:linear-gradient(#ffc58c,#fff1e0);color:#a94c0e}.pale{background:#e1efff;color:#0d57b4}.pink{background:#ffe3ed;color:#c3276b}.light{background:#f8eaf8;color:#9c337d}.card{background:white;border:1px solid #d8e7f9;border-radius:22px;padding:16px;margin-top:13px}.progress{height:11px;background:#e6eef8;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:#1370dc;border-radius:20px}.week{display:flex;justify-content:space-between;margin-top:15px}.week span{background:#e4eefc;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-weight:800}.week .done{background:#10b97b;color:white}.lessonbox{background:#fff;border:1px solid #cfe2f8;border-radius:24px;padding:18px;box-shadow:0 4px #dceafb}.back{background:none;border:0;color:#164b8d;font-weight:800;margin-bottom:15px}.lessonbox h2{font-size:22px;margin:14px 0}.learnbar{background:#fff1b8;border:2px solid #edc343;border-radius:15px;padding:13px;margin-bottom:15px}.learnbar b{display:block;font-size:19px}.learnbar p{margin:5px 0}.learnbar small{color:#785f16}.audio{border:1px solid #c5d9f1;background:#f1f7ff;color:#114d94;padding:11px;border-radius:12px;font-weight:800}.soundrow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 15px}.quiztitle{display:flex;align-items:center;justify-content:space-between}.quiztitle h2{margin:8px 0 12px}.questionword{background:#edf5ff;border:2px solid #c7ddf7;border-radius:14px;padding:14px;font-size:22px;font-weight:900}.questionword small{display:block;font-size:13px;font-weight:400;color:#6b88a7}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:16px 0}.answer{border:2px solid #d1e2f5;border-radius:16px;background:white;padding:6px 6px 10px;position:relative;color:#153e77}.answer img{width:100%;height:135px;object-fit:cover;border-radius:10px}.answer b{display:block;font-size:16px}.answer small{display:block;font-size:13px}.answer.chosen{border:3px solid #13b477;box-shadow:0 0 0 3px #b2efd9}.answer.bad{border-color:#fa5b67}.check{display:block;width:100%;border:0;border-radius:16px;background:linear-gradient(#16cb8b,#00a46e);box-shadow:0 5px #008e61;padding:16px;color:white;font-size:20px;font-weight:900}.feedback{font-weight:800;margin:13px 0;color:#0d965e;min-height:22px}.babycard{background:#fff;border-radius:22px;border:1px solid #c9e2fb;overflow:hidden}.nursery{position:relative;min-height:480px;background:linear-gradient(180deg,#f0d7b4,#ffe6c4 50%,#f8cf9e 51%,#fce9bb);overflow:hidden}.nursery .roomimg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 8px #8a562c40)}.nursery .roomback{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#fff7e2,#efb981)}.nursery .name{position:absolute;top:17px;left:17px;background:#783f2e;color:white;border-radius:16px;padding:10px 14px;font-weight:900;font-size:22px}.nursery .name small{display:block;font-size:14px;font-weight:400}.nursery .heart{position:absolute;right:15px;top:15px;background:#ff4180;color:white;border:3px solid white;border-radius:18px;padding:10px 16px;font-weight:900}.nursery .bubble{position:absolute;right:13px;top:115px;background:#fff;border-radius:30px;padding:12px;max-width:155px;font-size:13px;font-weight:800;text-align:center;box-shadow:0 4px 12px #ae684d22}.needgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:#fff}.need{background:#f1f8ff;border:1px solid #d1e6f8;border-radius:12px;padding:8px;font-size:12px;font-weight:800}.need label{display:flex;justify-content:space-between}.need .progress{height:7px;margin-top:6px}.need:nth-child(1) .progress span{background:#ff8d26}.need:nth-child(2) .progress span{background:#0db6ae}.need:nth-child(3) .progress span{background:#6055ee}.need:nth-child(4) .progress span{background:#18b97c}.need:nth-child(5) .progress span{background:#ef3d7b}.need:nth-child(6) .progress span{background:#1b9de8}.care{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;background:white}.care button{border:2px solid #ffffffb0;border-radius:14px;padding:13px 5px;color:white;font-weight:900;box-shadow:0 4px #4a568133}.care button:nth-child(1){background:linear-gradient(#ffac47,#ff6b00)}.care button:nth-child(2){background:linear-gradient(#39e6a2,#00a960)}.care button:nth-child(3){background:linear-gradient(#7778fa,#4036db)}.care button:nth-child(4){background:linear-gradient(#27c8f2,#027dbf)}.care button:nth-child(5){background:linear-gradient(#ff7cb1,#f33475)}.care button:nth-child(6){background:linear-gradient(#ff8d86,#d53e5a)}.babyactions{padding:12px;background:white;display:flex;gap:8px;flex-wrap:wrap}.babyactions button{background:#eef6ff;color:#1354a5;border:1px solid #c8ddf5;border-radius:12px;padding:10px;font-weight:800}.babyactions button.active{background:#1664c9;color:white}.threebox{height:380px;background:#fae2cb;position:relative}.threebox canvas{width:100%;height:100%;touch-action:none;display:block}.empty{background:white;padding:60px 15px;border-radius:22px;text-align:center}.empty h2{font-size:26px}.toast{position:fixed;left:50%;bottom:95px;transform:translateX(-50%) translateY(20px);background:#103c79;color:white;border-radius:12px;padding:12px 20px;opacity:0;pointer-events:none;transition:.25s;z-index:50;text-align:center;max-width:90%}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1000px){.content{grid-template-columns:minmax(0,1fr)}.widgetpanel{display:none}}
@media(max-width:640px){.top{height:75px;padding:8px 13px}.logo strong{font-size:29px}.logo small{font-size:11px}.topright{gap:7px}.topright b{font-size:12px}.topright small{display:none}.topicon{font-size:21px}.topicon:first-of-type{display:none}.content{padding:10px}.pageheading h1{font-size:20px}.homehero{grid-template-columns:1fr 1fr;min-height:230px}.herotext{padding:17px 12px}.herotext .eyebrow{font-size:9px}.herotext h2{font-size:21px;margin:12px 0}.herotext p{font-size:12px}.primary{padding:12px;font-size:13px}.heroimage{min-height:230px}.features{grid-template-columns:repeat(4,1fr);gap:6px}.feature{min-height:77px;font-size:10px}.feature span{font-size:23px}.stat{padding:9px 2px}.stat b{font-size:20px}.bottom{height:70px}.bottom button{font-size:10px}.bottom button span{font-size:24px}.nursery{min-height:410px}.nursery .bubble{top:100px}.needgrid{gap:5px;padding:8px}.need{padding:6px;font-size:10px}.care button{font-size:12px;padding:12px 2px}.answer img{height:125px}.widgetpanel{display:block;margin-top:16px}.widgetpanel h2{font-size:18px}.widget{min-height:95px;grid-template-columns:110px 1fr}.widget img{width:110px;height:100px}.widget b{font-size:15px}}