@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#d9e0e7;background:#1e232b;--bg:#1e232b;--panel:#252d37;--line:#3c4856;--blue:#98b4db;--muted:#9ba8b8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}p{line-height:1.5}.app{max-width:470px;margin:auto;min-height:100vh;padding:18px 18px 110px}.brand{display:flex;align-items:center;gap:12px;margin:9px 0 27px}.brand img{width:40px;height:40px;object-fit:contain}.brand b{letter-spacing:.23em;font-size:18px}.brand small{display:block;letter-spacing:.06em;color:#8998a8;font-size:9px;margin-top:3px}.avatar{margin-left:auto;border:1px solid #8296ad;border-radius:50%;padding:8px}.back{border:none;background:transparent;color:#9ba8bb;padding:6px 0;margin:0 0 13px;text-align:left}.eyebrow{font-size:11px;color:#9aadc3;letter-spacing:.13em;text-transform:uppercase}.title{font-size:26px;font-weight:750;margin:3px 0 7px}.subtitle{color:var(--muted);margin-top:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:17px;margin:14px 0}.panel h3{margin:2px 0 12px}.muted{color:var(--muted);font-size:12px}.pill{display:inline-block;border:1px solid #627d9f;border-radius:30px;color:#c5d5e6;font-size:11px;padding:5px 10px}.btn{display:block;width:100%;border:1px solid #647990;border-radius:11px;background:#303d4e;color:#e3ecf6;padding:13px;text-align:center;font-weight:650;min-height:45px;margin:8px 0}.btn.main{background:#96b8e5;color:#18212c;border-color:#96b8e5}.btn.outline{background:transparent}.btn.danger{background:#513c42;border-color:#75515a}.fields{display:grid;gap:9px}.fields input,.fields select,.fields textarea{width:100%;padding:12px;border:1px solid #4a5868;border-radius:9px;background:#222c37;color:#f0f4f9;margin-top:5px}.fields label{font-size:12px;color:#b9c6d5}.picture{width:100%;height:150px;object-fit:cover;border-radius:11px;background:#374453}.pics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pics img{width:100%;height:128px;object-fit:cover;border-radius:10px}.entry{padding:12px 0;border-bottom:1px solid #3d4653}.entry:last-child{border-bottom:0}.entry b{font-size:13px}.entry small{display:block;color:#90a0b0;font-size:11px;margin-top:5px}.bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;gap:5px;max-width:470px;margin:auto;padding:9px 12px 16px;background:#202832;border-top:1px solid #3d4b5b;z-index:5}.bottom button{flex:1;background:none;border:0;color:#b6c5d6;padding:5px;font-size:11px}.bottom button span{display:block;font-size:23px;margin-bottom:4px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{border:1px solid #394a5e;border-radius:14px;min-height:145px;position:relative;overflow:hidden;background:linear-gradient(145deg,#344c62,#15232f);color:#fff;text-align:left;padding:12px;font-weight:750;display:flex;align-items:flex-end}.tile:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#111d30c9);pointer-events:none}.tile span{position:relative;z-index:1}.tile i{position:absolute;left:20px;top:13px;font-size:45px;opacity:.45;font-style:normal}.tabs{display:flex;border:1px solid #445364;border-radius:10px;overflow:hidden;margin:15px 0}.tabs button{flex:1;background:transparent;color:#a7b8ca;border:0;padding:12px;font-size:12px}.tabs .active{background:#88a5ca;color:#1c2735;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stat{background:#27374a;border-radius:10px;text-align:center;padding:12px 3px}.stat b{display:block;font-size:24px}.stat small{font-size:10px;color:#bfccdb}.progress{display:flex;gap:5px;margin:13px 0}.progress span{flex:1;height:5px;border-radius:5px;background:#4c5968}.progress span.done{background:#9fc4ef}.message{max-width:78%;padding:12px;border-radius:12px;background:#303a48;margin:13px 0;font-size:14px}.message.mine{margin-left:auto;background:#768fae;color:#fff}.bubble-input{display:flex;gap:6px;margin-top:30px}.bubble-input input{flex:1;min-width:0;padding:12px;border:1px solid #4c5b6d;border-radius:11px;background:#29333f;color:white}.circle-menu{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;margin:17px auto 30px;width:min(100%,360px);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border:5px solid #323d4b;box-shadow:0 0 0 2px #151a21}.quadrant{border:2px solid #1d2630;background:linear-gradient(150deg,#485d6e,#23323f);color:#fff;position:relative;padding:12px;font-size:15px;font-weight:750;text-align:left;display:flex;align-items:flex-end}.quadrant:nth-child(2){background:linear-gradient(180deg,#536c7f,#233540)}.quadrant:nth-child(3){background:linear-gradient(180deg,#3b4b5e,#182732)}.quadrant:nth-child(4){background:linear-gradient(180deg,#526374,#243240)}.quadrant span{filter:drop-shadow(0 1px 2px #101418)}.circle-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42%;height:42%;border-radius:50%;border:5px solid #19222e;background:linear-gradient(150deg,#546d87 50%,#926a6d 50%);display:flex;flex-direction:column;justify-content:center}.circle-core button{border:0;background:transparent;color:white;font-size:12px;font-weight:700;height:50%;padding:2px}.circle-core button:first-child{border-bottom:2px solid #2b3543}.quicknav{display:flex;justify-content:space-around;margin:19px 0;color:#b7cadb}.quicknav button{border:0;background:none;color:inherit;text-align:center;font-size:12px}.quicknav strong{display:block;font-size:27px;margin-bottom:6px}.hero{border-radius:13px;min-height:145px;background:linear-gradient(110deg,#2d4a66,#273b4b 65%,#506a82);display:flex;align-items:flex-end;padding:16px;margin:13px 0;color:white;font-weight:800;font-size:23px}.bar-track{height:9px;background:#394451;border-radius:20px;overflow:hidden}.bar-fill{height:100%;border-radius:20px;background:#91aace}.bar-title{display:flex;justify-content:space-between;font-size:12px;margin:12px 0 5px}.empty{padding:30px 14px;text-align:center;color:#a5b3c4}.status{font-size:11px;padding:4px 8px;border-radius:6px;background:#35465b;color:#c6e2ff}.status.done{background:#294b43;color:#afdfc8}.listrow{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #344354}.listrow .icon{height:45px;width:45px;border-radius:9px;background:#34465b;display:grid;place-items:center;font-size:22px}.listrow .txt{flex:1;min-width:0}.listrow .txt b{display:block;font-size:13px}.listrow .txt small{display:block;font-size:11px;color:#93a2b3;margin-top:4px}.footnote{font-size:10px;color:#7e91a3;text-align:center;padding:13px}.smalllink{background:none;border:0;color:#a8c2e1;padding:5px}