@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@700&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#302a25;background:#f7f1e8;font-synthesis:none;--katya: #dc6e86;--katya-soft: #fbe0e6;--danya: #6483bd;--danya-soft: #e1e9f8;--ink: #302a25;--muted: #766d65;--cream: #f7f1e8;--card: rgba(255,255,255,.86)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,#fff 0,#f8f4ed 42%,#f3ebdf)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(82,110,165,.32);outline-offset:3px}.app-shell{min-height:100vh;overflow:hidden;position:relative}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,68px);border-bottom:1px solid rgba(71,57,45,.09);background:#faf7f1b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:20}.brand{display:flex;gap:11px;align-items:center;font-weight:800;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#332e29;color:#fff5d7;transform:rotate(-3deg);box-shadow:0 7px 18px #302a2529}.account-area{display:flex;align-items:center;gap:9px}.demo-badge{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800;color:#8d6442;background:#f1dfc8;border-radius:999px;padding:6px 9px}.icon-button,.account-button{border:1px solid rgba(64,52,42,.11);background:#ffffffb3;cursor:pointer}.icon-button{width:42px;height:42px;display:grid;place-items:center;border-radius:13px}.account-button{height:44px;display:flex;gap:8px;align-items:center;padding:4px 11px 4px 5px;border-radius:999px;font-size:13px;font-weight:700}.avatar-small{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#6d8061}.hero{min-height:calc(100vh - 76px);display:flex;flex-direction:column}.intro{text-align:center;padding:clamp(32px,5vh,60px) 16px 16px;position:relative;z-index:4}.eyebrow{margin:0 0 6px;color:#9a7253;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800}.intro h1,.login-card h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(38px,5vw,66px);letter-spacing:-.045em;line-height:1;margin:0;color:#332c27}.intro>p:last-child{margin:13px 0 0;color:var(--muted);font-size:14px}.board{flex:1;min-height:490px;display:grid;grid-template-columns:minmax(190px,1fr) minmax(420px,600px) minmax(190px,1fr);align-items:end;position:relative;isolation:isolate}.board:before{content:"";position:absolute;z-index:-2;left:12%;right:12%;bottom:-220px;height:500px;border-radius:50%;background:#ffffff94;box-shadow:0 -30px 90px #6850370f}.character{align-self:stretch;position:relative;min-width:0;pointer-events:none}.character img{position:absolute;bottom:-4px;width:min(620px,54vw);height:min(690px,72vh);object-fit:contain;object-position:bottom center;filter:saturate(.9) drop-shadow(0 26px 30px rgba(71,47,30,.12));transition:filter .35s ease,transform .35s ease}.character-left img{right:-17%}.character-right img{left:-17%}.character:not(.is-active) img{filter:saturate(.5) opacity(.72) drop-shadow(0 22px 28px rgba(71,47,30,.08));transform:scale(.98)}.portrait-glow{position:absolute;width:65%;aspect-ratio:1;bottom:7%;border-radius:50%;opacity:.45;filter:blur(25px)}.character-left .portrait-glow{background:var(--katya-soft);right:0}.character-right .portrait-glow{background:var(--danya-soft);left:0}.name-chip{position:absolute;bottom:28px;z-index:2;min-width:110px;padding:10px 16px;border-radius:17px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #32281f1f}.character-left .name-chip{right:8%;background:#ffeef1de;color:#9f4055;text-align:right}.character-right .name-chip{left:8%;background:#eaf0fce0;color:#425f98}.name-chip span{font-family:Playfair Display,Georgia,serif;font-size:24px;line-height:1}.task-list{align-self:start;position:relative;z-index:5;width:100%;padding:20px 18px 65px;display:grid;gap:16px}.task-card{border:1px solid rgba(78,58,42,.1);background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:20px 22px 17px;box-shadow:0 20px 55px #533d2b1a,inset 0 1px #ffffffe6;transition:transform .25s ease,border-color .25s ease}.task-card:hover{transform:translateY(-2px)}.task-card.is-pending{border-color:#b7804145;background:#fffbf0e8}.task-heading{display:flex;align-items:center;gap:12px}.task-heading h2{font-size:16px;margin:0 0 3px;letter-spacing:-.025em}.task-heading p{color:var(--muted);font-size:11px;margin:0}.task-icon{width:38px;height:38px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:800}.task-icon.dishwasher{background:#e8f0e2;color:#69805b}.task-icon.laundry{background:#e4eaf7;color:#5d77aa}.track-wrap{height:56px;margin:7px 4px 1px;position:relative}.track{position:absolute;inset:0 16px}.track-line{height:4px;border-radius:5px;background:linear-gradient(90deg,var(--katya-soft),#eadfcf 50%,var(--danya-soft));position:absolute;left:0;right:0;top:27px}.track-stop{width:10px;height:10px;border-radius:50%;position:absolute;top:24px;background:#d4c8ba}.track-stop.left{left:0;background:#dfa0ad}.track-stop.center{left:50%;transform:translate(-50%);background:#c99c63}.track-stop.right{right:0;background:#94abd3}.task-toggle{position:absolute;z-index:2;top:8px;width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.9);color:#fff;display:grid;place-items:center;transition:left .52s cubic-bezier(.34,1.56,.64,1),background .25s,box-shadow .25s,transform .2s}.task-toggle.position-katya{left:0;background:var(--katya);box-shadow:0 7px 18px #dc6e8659}.task-toggle.position-center{left:calc(50% - 21px);background:#bd8b4e;box-shadow:0 7px 18px #bd8b4e57}.task-toggle.position-danya{left:calc(100% - 42px);background:var(--danya);box-shadow:0 7px 18px #6483bd59}.task-toggle.actionable{cursor:pointer}.task-toggle.actionable:hover{transform:scale(1.1)}.task-toggle:disabled{cursor:default}.task-action{margin:0 auto;min-height:32px;border:0;border-radius:999px;padding:7px 15px;display:flex;gap:6px;align-items:center;justify-content:center;background:#342f2a;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.task-action.muted{background:transparent;color:#92877d;cursor:default}.legend{justify-self:center;display:flex;align-items:center;gap:18px;background:#ffffff9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:9px 14px;color:#84786f;font-size:9px;font-weight:700}.legend span{display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.katya{background:var(--katya)}.dot.waiting{background:#bd8b4e}.dot.danya{background:var(--danya)}.center-screen,.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.center-screen{align-content:center;color:var(--muted);font-size:13px}.loader,.mini-loader{border-radius:50%;border:3px solid rgba(100,90,80,.18);border-top-color:#554b43;animation:spin .8s linear infinite}.loader{width:34px;height:34px}.mini-loader{width:18px;height:18px;border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:radial-gradient(circle at 50% 0,#fff 0,#f4eadc 80%)}.login-card{width:min(440px,100%);padding:38px;background:#ffffffd9;border:1px solid rgba(73,57,44,.1);border-radius:30px;box-shadow:0 28px 80px #513d2b21;text-align:center}.login-logo{width:48px;height:48px;margin:0 auto 20px;border-radius:16px;display:grid;place-items:center;background:#332e29;color:#fff2bf;transform:rotate(-3deg)}.login-card h1{font-size:43px}.login-copy{color:var(--muted);font-size:13px;line-height:1.65;margin:15px auto 25px}.profile-list{display:grid;gap:9px;text-align:left}.profile-list button{display:grid;grid-template-columns:45px 1fr 18px;gap:12px;align-items:center;padding:10px;border:1px solid rgba(80,62,47,.1);border-radius:16px;background:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s}.profile-list button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #3e302514}.profile-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:800}.profile-avatar.katya{background:var(--katya)}.profile-avatar.danya{background:var(--danya)}.profile-avatar.parent{background:#69805b}.profile-list strong,.profile-list small{display:block}.profile-list strong{font-size:13px}.profile-list small{color:var(--muted);font-size:10px;margin-top:2px}.profile-arrow{transform:rotate(-90deg);color:#998e84}.login-card label{display:block;text-align:left;color:#655b53;font-size:11px;font-weight:700;margin:15px 0}.login-card input{display:block;width:100%;margin-top:6px;border:1px solid #d9cfc5;border-radius:12px;padding:12px 13px;background:#fff}.login-submit{width:100%;border:0;border-radius:13px;padding:13px;color:#fff;background:#332e29;font-weight:800;cursor:pointer}.form-error{color:#a83f4d;font-size:11px}.toast{position:fixed;z-index:60;left:50%;bottom:20px;transform:translate(-50%);background:#3c3330;color:#fff;padding:12px 13px 12px 18px;border-radius:14px;box-shadow:0 12px 35px #261e1c4d;font-size:12px;display:flex;align-items:center;gap:14px}.toast button{color:#fff;background:transparent;border:0;cursor:pointer;font-size:18px}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#2b241f52;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:flex-end}.parent-panel{width:min(510px,100%);height:100%;background:#fcfaf6;box-shadow:-20px 0 70px #32292233;padding:30px;overflow-y:auto;animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translate(100%)}}.parent-panel>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.parent-panel h2{margin:0;font:700 28px Playfair Display,serif}.close-button{width:38px;height:38px;border:1px solid #ded6cd;border-radius:12px;background:#fff;font-size:25px;line-height:1;cursor:pointer}.assignment-list{display:grid;gap:10px}.assignment-list>div{display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid #e5ddd4;background:#fff;padding:14px;border-radius:16px}.assignment-list strong,.assignment-list small{display:block}.assignment-list strong{font-size:12px}.assignment-list small{color:var(--muted);font-size:9px;margin-top:4px}.segmented{flex:0 0 auto;display:flex;padding:3px;background:#f2eee9;border-radius:11px}.segmented button{border:0;background:transparent;font-size:10px;font-weight:700;padding:7px 9px;border-radius:8px;cursor:pointer}.segmented button.selected{color:#fff;background:#4b443e}.history{margin-top:32px}.history h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em}.empty-history{color:var(--muted);border:1px dashed #dcd1c5;padding:25px;text-align:center;border-radius:15px;font-size:11px}.history ol{list-style:none;padding:0;margin:17px 0}.history li{position:relative;display:grid;grid-template-columns:10px 1fr;gap:10px;padding:0 0 20px}.history li:not(:last-child):before{content:"";position:absolute;left:4px;top:10px;bottom:0;width:1px;background:#ded6cc}.history-dot{width:9px;height:9px;border-radius:50%;background:#9b8068;margin-top:4px;z-index:1}.history p,.history small{margin:0}.history p{font-size:11px}.history small{display:block;color:var(--muted);font-size:9px;margin-top:3px}@media(max-width:850px){.topbar{height:64px;padding:0 14px}.brand>span:last-child{display:none}.account-button>span:not(.avatar-small){display:none}.account-button{padding-right:8px}.hero{min-height:calc(100svh - 64px)}.intro{padding:25px 16px 7px}.intro h1{font-size:40px}.intro>p:last-child{font-size:12px;margin-top:8px}.board{min-height:610px;grid-template-columns:78px minmax(0,1fr) 78px;align-items:stretch}.task-list{padding:26px 0 115px;gap:13px;align-self:start}.task-card{padding:17px 14px 14px;border-radius:21px}.task-heading{align-items:flex-start}.task-heading h2{font-size:13px}.task-heading p{font-size:9px;line-height:1.35}.task-icon{width:32px;height:32px;border-radius:10px}.track-wrap{margin-inline:0}.task-action{font-size:10px}.legend{gap:8px;padding:8px;font-size:0}.legend .dot{width:8px;height:8px}.character{overflow:visible;z-index:2}.character img{position:fixed;bottom:92px;height:52vh;min-height:370px;width:84vw;object-fit:contain;object-position:bottom center;opacity:1;visibility:visible}.character-left img{right:calc(50% + 40px)}.character-right img{left:calc(50% + 40px)}.name-chip{position:fixed;bottom:12px;min-width:78px;padding:8px 10px}.character-left .name-chip{left:8px;right:auto;text-align:left}.character-right .name-chip{right:8px;left:auto;text-align:right}.name-chip span{font-size:19px}}@media(max-width:480px){.board{grid-template-columns:54px minmax(0,1fr) 54px}.character-left img{right:calc(50% + 30px)}.character-right img{left:calc(50% + 30px)}.intro h1{font-size:36px}.login-card{padding:28px 20px}.login-card h1{font-size:38px}.parent-panel{padding:24px 17px}.assignment-list>div{align-items:flex-start;flex-direction:column}.segmented{width:100%}.segmented button{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}