*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#090e1a;color:#f1f5f9;height:100vh;overflow:hidden}button{cursor:pointer;font-family:inherit;border:none;background:none}textarea,input{font-family:inherit}.shell{display:flex;height:100vh}.t-sidebar{width:216px;flex-shrink:0;background:#0d1117;border-right:1px solid #1c2333;display:flex;flex-direction:column;overflow-y:auto}.t-logo{height:52px;padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #1c2333;flex-shrink:0}.t-logo-icon{width:28px;height:28px;border-radius:7px;background:#6366f1;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.t-logo-name{font-size:13px;font-weight:600;color:#e2e8f0}.t-logo-tag{font-size:10px;color:#475569}.t-section{padding:16px 10px 4px}.t-section-label{font-size:10px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.07em;padding:0 6px;margin-bottom:6px}.t-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;font-size:12.5px;color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s,color .1s;margin-bottom:1px}.t-item:hover{background:#161b27;color:#9ca3af}.t-item.active{background:#1a2035;color:#a5b4fc}.t-dot{width:6px;height:6px;border-radius:50%;background:#1f2937;flex-shrink:0}.t-item.active .t-dot{background:#6366f1}.t-badge{margin-left:auto;font-size:9px;font-weight:600;padding:1px 6px;border-radius:4px;background:#0c1a30;color:#3b82f6;flex-shrink:0}.t-badge.done{background:#0d2017;color:#34d399}.t-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.t-topbar{height:52px;flex-shrink:0;border-bottom:1px solid #1c2333;background:#0d1117;padding:0 24px;display:flex;align-items:center;gap:12px}.t-screen-name{font-size:14px;font-weight:600;color:#e2e8f0}.t-screen-sub{font-size:11px;color:#374151}.t-vtabs{display:flex;align-items:center;gap:3px;margin-left:auto}.t-vtab{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:500;border:1px solid transparent;color:#4b5563;transition:all .12s;cursor:pointer}.t-vtab:hover{background:#161b27;color:#6b7280;border-color:#1f2937}.t-vtab.active{background:#1e1b4b;color:#a5b4fc;border-color:#3730a3}.t-notes{padding:5px 24px;flex-shrink:0;border-bottom:1px solid #1c2333;background:#0a0f1a;display:flex;align-items:center;gap:10px;font-size:11px}.t-notes-date{color:#1f2937}.t-notes-text{color:#374151}.t-canvas{flex:1;overflow:auto;padding:36px 40px;display:flex;justify-content:center}.t-platforms{display:flex;gap:48px;align-items:flex-start}.t-platform{display:flex;flex-direction:column;align-items:center;gap:10px}.t-plabel{font-size:10px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.07em}.t-placeholder{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#1f2937;min-height:400px}.t-placeholder-icon{font-size:36px;opacity:.4}.t-placeholder-text{font-size:13px;color:#374151}.t-placeholder-sub{font-size:11px;color:#1f2937}.browser{width:820px;border-radius:10px;overflow:hidden;border:1px solid #21262d;box-shadow:0 24px 64px #0009}.browser-bar{background:#f0f2f5;padding:9px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #d8dde5}.bdots{display:flex;gap:5px}.bdot{width:11px;height:11px;border-radius:50%}.burl{flex:1;background:#fff;border-radius:14px;padding:3px 10px;font-size:10.5px;color:#6e7681;border:1px solid #d8dde5;text-align:center}.browser-body{background:#fff;overflow:hidden}.phone{width:300px;background:#181818;border-radius:42px;padding:11px;box-shadow:0 24px 64px #000000b3,inset 0 0 0 1px #2a2a2a}.phone-screen{background:#fff;border-radius:33px;overflow:hidden;display:flex;flex-direction:column;position:relative;height:600px}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:28px;background:#181818;border-radius:0 0 18px 18px;z-index:9}.phone-status{height:42px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 20px 7px;font-size:10px;font-weight:600;color:#111;position:relative}.phone-body{flex:1;overflow-y:auto}.phone-home{height:28px;display:flex;align-items:center;justify-content:center;background:#fff}.phone-home-bar{width:100px;height:3.5px;background:#1a1a1a;border-radius:4px}.ob-chip{cursor:pointer;font-family:Inter,system-ui,sans-serif;border-style:solid;transition:background .1s,color .1s,border-color .1s,box-shadow .1s}.ob-chip:hover{filter:brightness(.92)}.ob-chip:active{transform:scale(.96)}.ob-rm{cursor:pointer;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#ffffff40;transition:background .12s}.ob-rm:hover{background:#ffffff73!important}.ob-search-inp{width:100%;outline:none;font-family:Inter,system-ui,sans-serif}.ob-search-inp:focus{border-color:#6366f1!important}.ob-add-btn{cursor:pointer;display:none;align-items:center}.ob-add-btn.show{display:flex}.ob-submit{transition:opacity .18s,transform .15s}.ob-submit:not([disabled]):hover{transform:translateY(-1px)!important}.ob-theme-toggle{transition:background .12s}.nav-lnk{cursor:pointer}.nav-lnk:hover{opacity:.75}.nav-btn{cursor:pointer;transition:opacity .12s}.nav-btn:hover{opacity:.85}@keyframes screenIn{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.screen-in{animation:screenIn .22s ease}