:root{--cyan: #00A2FF;--lime: #00E640;--magenta: #FF006E;--orange: #FF6B35;--yellow: #FFDE00;--black: #000000;--white: #FFFFFF;--bg: #FFDE00;--border: 4px solid var(--black);--shadow: 6px 6px 0 var(--black);--shadow-sm: 4px 4px 0 var(--black);--radius: 10px;--radius-sm: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:700;background:var(--yellow);color:var(--black);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:Outfit,system-ui,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1.1}@keyframes float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes checkbounce{0%{transform:scale(.7)}60%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes slidein{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes xpgrow{0%{width:0}}.float-anim{animation:float 2.8s ease-in-out infinite}.slide-in{animation:slidein .3s ease both}.rblx-btn{font-family:Outfit,system-ui,sans-serif;font-weight:900;font-size:16px;text-transform:uppercase;letter-spacing:.04em;padding:13px 22px;border:4px solid var(--black);border-radius:var(--radius);border-bottom-width:6px;border-right-width:6px;cursor:pointer;transition:transform .08s,box-shadow .08s;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.rblx-btn:hover{filter:brightness(1.06)}.rblx-btn:active{border-bottom-width:4px;border-right-width:4px;transform:translate(2px,2px)}.rblx-btn:disabled{opacity:.55;cursor:default}.btn-cyan{background:var(--cyan);color:var(--white)}.btn-lime{background:var(--lime);color:var(--black)}.btn-magenta{background:var(--magenta);color:var(--white)}.btn-orange{background:var(--orange);color:var(--white)}.btn-black{background:var(--black);color:var(--yellow)}.rblx-card{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;transition:transform .12s,box-shadow .12s}.rblx-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--black)}.splash{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:14px;background:var(--yellow)}.splash-logo{font-size:80px;animation:float 1.6s ease-in-out infinite;filter:drop-shadow(4px 4px 0 var(--black))}.splash h2{font-size:26px;color:var(--black);text-shadow:3px 3px 0 var(--magenta)}.splash p{font-family:Outfit,sans-serif;font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--black);opacity:.7}.login-screen{min-height:100dvh;display:grid;place-items:center;background:var(--yellow);padding:20px;position:relative;overflow:hidden}.login-screen:before,.login-screen:after{content:"🟦";font-size:120px;position:absolute;opacity:.12;pointer-events:none}.login-screen:before{top:-20px;left:-30px;transform:rotate(-15deg)}.login-screen:after{bottom:-20px;right:-30px;transform:rotate(20deg)}.login-card{width:min(100%,400px);background:var(--white);border:var(--border);border-radius:16px;box-shadow:8px 8px 0 var(--black);padding:32px 28px;text-align:center;position:relative;z-index:1;animation:slidein .35s ease both}.login-logo{font-size:72px;display:block;margin-bottom:8px;animation:float 2.5s ease-in-out infinite;filter:drop-shadow(3px 3px 0 var(--black))}.login-card h1{font-size:28px;text-shadow:3px 3px 0 var(--cyan);margin-bottom:4px}.login-sub{font-family:Outfit,sans-serif;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#666;margin-bottom:24px;display:block}.login-card form{display:grid;gap:14px;text-align:left}.login-card label{display:grid;gap:6px;font-family:Outfit,sans-serif;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.login-card input{width:100%;padding:13px 16px;border:4px solid var(--black);border-radius:var(--radius);font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:16px;background:var(--yellow);outline:none;transition:border-color .15s,box-shadow .15s}.login-card input:focus{border-color:var(--cyan);box-shadow:4px 4px 0 var(--cyan)}.login-card input::placeholder{opacity:.5}.login-error{background:#fff0f4;border:3px solid var(--magenta);border-radius:var(--radius-sm);padding:10px 14px;font-family:Outfit,sans-serif;font-weight:900;font-size:13px;text-transform:uppercase;color:var(--magenta);letter-spacing:.02em}.btn-primary{width:100%;margin-top:6px;background:var(--cyan);color:var(--white);font-family:Outfit,sans-serif;font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:.04em;padding:16px;border:4px solid var(--black);border-radius:var(--radius);border-bottom:6px solid var(--black);cursor:pointer;transition:transform .08s,filter .12s}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{border-bottom-width:4px;transform:translateY(2px)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-ghost{background:none;border:none;color:var(--black);font-family:Outfit,sans-serif;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;text-decoration:underline;text-underline-offset:3px;margin-top:14px;padding:6px;display:block;width:100%}.btn-ghost:hover{color:var(--magenta)}.magic-sent{background:var(--lime);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;margin:8px 0}.magic-sent p{font-family:Outfit,sans-serif;font-weight:900;font-size:15px;text-transform:uppercase;margin-bottom:6px}.magic-sent .login-sub{margin-bottom:0}.app-shell{display:flex;flex-direction:column;min-height:100dvh;background:var(--yellow)}.app-header{position:sticky;top:0;z-index:100;border-bottom:4px solid var(--black);padding:12px 16px 10px;padding-top:max(12px,env(safe-area-inset-top))}.header-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.header-id{display:flex;align-items:center;gap:10px;min-width:0}.avatar-big{width:52px;height:52px;border:4px solid var(--black);border-radius:50%;background:var(--white);font-size:26px;display:grid;place-items:center;flex-shrink:0;box-shadow:3px 3px 0 var(--black);animation:float 3.5s ease-in-out infinite}.header-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.level-badge{display:inline-block;align-self:flex-start;background:var(--magenta);color:var(--white);border:3px solid var(--black);border-radius:var(--radius-sm);padding:2px 10px;font-family:Outfit,sans-serif;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.05em;line-height:1.5}.header-name{font-family:Outfit,sans-serif;font-weight:900;font-size:19px;text-transform:uppercase;color:var(--white);text-shadow:2px 2px 0 var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.gem-badge{background:var(--orange);color:var(--white);border:3px solid var(--black);border-radius:var(--radius-sm);padding:6px 12px;font-family:Outfit,sans-serif;font-weight:900;font-size:15px;box-shadow:3px 3px 0 var(--black);white-space:nowrap}.logout-btn{background:var(--black);color:var(--yellow);border:3px solid var(--black);border-radius:var(--radius-sm);padding:7px 12px;font-family:Outfit,sans-serif;font-weight:900;font-size:12px;text-transform:uppercase;cursor:pointer;letter-spacing:.04em;white-space:nowrap}.logout-btn:hover{background:#222}.xp-section{display:flex;align-items:center;gap:10px}.xp-bar-track{flex:1;height:18px;background:#0006;border:3px solid var(--black);border-radius:30px;overflow:hidden}.xp-bar-fill{height:100%;background:var(--lime);border-radius:30px;animation:xpgrow 1s cubic-bezier(.16,1,.3,1) both;position:relative}.xp-bar-fill:after{content:"";position:absolute;top:3px;left:5px;right:5px;height:4px;background:#ffffff80;border-radius:10px}.xp-label{font-family:Outfit,sans-serif;font-weight:900;font-size:12px;text-transform:uppercase;color:var(--white);text-shadow:1px 1px 0 var(--black);white-space:nowrap;letter-spacing:.03em}.app-main{flex:1;overflow-y:auto;padding:16px 16px 96px;-webkit-overflow-scrolling:touch}.section{margin-bottom:26px;animation:slidein .3s ease both}.section-title{font-size:18px;border-bottom:4px solid var(--black);padding-bottom:8px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.tasks-list{display:grid;gap:14px}.task-card{border:4px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;transition:transform .12s,box-shadow .12s;position:relative}.task-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--black)}.task-card--done{opacity:.65}.task-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.task-title{font-family:Outfit,sans-serif;font-weight:900;font-size:17px;text-transform:uppercase;color:var(--white);text-shadow:2px 2px 0 rgba(0,0,0,.5);line-height:1.2}.task-status-tag{font-family:Outfit,sans-serif;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.04em;background:var(--black);color:var(--yellow);border-radius:var(--radius-sm);padding:3px 8px;white-space:nowrap;flex-shrink:0}.task-status-tag--ok{background:var(--lime);color:var(--black)}.task-status-tag--wait{background:var(--orange);color:var(--white)}.task-status-tag--redo{background:var(--magenta);color:var(--white)}.task-desc{font-size:14px;font-weight:700;line-height:1.55;color:var(--black);margin-bottom:12px}.task-note{background:#0000001f;border-left:4px solid var(--black);padding:8px 12px;font-size:13px;font-weight:700;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:12px;font-style:italic}.task-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.reward-row{display:flex;gap:6px;flex-wrap:wrap}.reward-badge{font-family:Outfit,sans-serif;font-weight:900;font-size:13px;text-transform:uppercase;border:3px solid var(--black);border-radius:var(--radius-sm);padding:4px 10px;letter-spacing:.02em}.reward-xp{background:var(--black);color:var(--lime)}.reward-gem{background:var(--black);color:var(--yellow)}.task-action-btn{font-family:Outfit,sans-serif;font-weight:900;font-size:14px;text-transform:uppercase;border:3px solid var(--black);border-radius:var(--radius-sm);border-bottom-width:5px;border-right-width:5px;padding:8px 16px;cursor:pointer;background:var(--white);color:var(--black);transition:transform .08s;white-space:nowrap}.task-action-btn:active{border-bottom-width:3px;border-right-width:3px;transform:translate(2px,2px)}.task-action-btn:disabled{opacity:.5;cursor:default}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;perspective:1000px}.badge-item{border:4px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:default;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .5s ease;aspect-ratio:1;justify-content:center;transform-style:preserve-3d}.badge-item:hover:not(.badge-item--locked){transform:rotateY(180deg) scale(1.05);box-shadow:-4px 4px 0 var(--black)}.badge-item:hover:not(.badge-item--locked) .badge-icon,.badge-item:hover:not(.badge-item--locked) .badge-label{transform:rotateY(180deg)}.badge-item--locked{opacity:.45;filter:grayscale(1) brightness(.9)}.badge-icon{font-size:26px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.badge-label{font-family:Outfit,sans-serif;font-weight:900;font-size:8px;text-transform:uppercase;letter-spacing:.04em;text-align:center;line-height:1.3;color:var(--black);transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.queue-card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:12px;display:grid;gap:10px}.queue-card-title{font-family:Outfit,sans-serif;font-weight:900;font-size:16px;text-transform:uppercase}.queue-card-meta{font-size:13px;font-weight:700;color:#444}.queue-actions{display:flex;gap:10px}.info-card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;text-align:center;display:grid;gap:10px}.info-card .info-icon{font-size:48px}.info-card h3{font-size:16px}.info-card p{font-size:14px;font-weight:700;line-height:1.6;color:#444}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--white);border-top:4px solid var(--black);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:max(6px,env(safe-area-inset-bottom))}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;background:none;border:none;border-right:2px solid rgba(0,0,0,.1);cursor:pointer;transition:background .1s}.nav-tab:last-child{border-right:none}.nav-tab:active{background:var(--yellow)}.nav-tab--active{background:var(--cyan)}.nav-tab--active .nav-label{color:var(--white)}.nav-icon{font-size:22px;line-height:1}.nav-label{font-family:Outfit,sans-serif;font-weight:900;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--black)}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.stat-chip{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px;text-align:center;display:grid;gap:4px}.stat-chip-val{font-family:Outfit,sans-serif;font-weight:900;font-size:32px;line-height:1}.stat-chip-label{font-family:Outfit,sans-serif;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.75}.diary-tile{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;background:var(--white);margin-bottom:14px}.diary-tile-photo{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:4px solid var(--black)}.diary-tile-body{padding:14px}.diary-tile-text{font-size:15px;font-weight:700;line-height:1.5}.diary-tile-date{font-family:Outfit,sans-serif;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin-top:6px}