:root{--text:#3a3a3c;--text-h:#1c1c1e;--text-secondary:#6e6e73;--accent:#007aff;--green:#34c759;--red:#ff3b30;--orange:#ff9500;--glass-bg:#ffffff94;--glass-border:#ffffffb8;--glass-blur:blur(24px) saturate(180%);--glass-shadow:0 4px 24px #00000012, 0 1px 2px #0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;font:13px/1.5 var(--sans);letter-spacing:-.01em;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}html{height:100%}body{background:linear-gradient(160deg,#dbeafe 0%,#ede9fe 45%,#fce7f3 100%) fixed;min-height:100%;margin:0}#root{background:0 0;flex-direction:column;width:100%;min-height:100vh;display:flex}h2{font-family:var(--sans);color:var(--text-h);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:600}p{margin:0}.navbar-tier1{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:51;background:#ffffffb8;border-bottom:1px solid #00000014;flex-shrink:0;align-items:center;height:48px;padding:0 24px;display:flex;position:sticky;top:0}.navbar-brand{color:var(--text-h);letter-spacing:-.02em;margin-right:32px;font-size:15px;font-weight:700;text-decoration:none}.navbar-section{cursor:pointer;height:48px;font:13px var(--sans);color:var(--text);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:0 14px;font-weight:400;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.navbar-section.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.navbar-user{color:var(--text-secondary);margin-left:auto;font-size:12px}.navbar-tier2{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#f5f5f7d9;border-bottom:1px solid #0000000f;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 24px;display:flex;position:sticky;top:48px}.navbar-sublink{cursor:pointer;font:12px var(--sans);color:var(--text);background:0 0;border:none;border-radius:4px;align-items:center;height:36px;padding:0 10px;font-weight:400;text-decoration:none;transition:background .12s,color .12s;display:flex}.navbar-sublink:hover{background:#0000000d}.navbar-sublink.active{color:var(--accent);background:#007aff14;font-weight:600}.navbar-sublink.disabled{color:var(--text-secondary);opacity:.4;cursor:default;pointer-events:none}.navbar-tier3{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:49;background:#eeeef2e6;border-bottom:1px solid #0000000d;flex-shrink:0;align-items:center;gap:2px;height:34px;padding:0 24px;display:flex;position:sticky;top:84px}.navbar-hamburger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;margin-left:8px;padding:0;transition:background .12s;display:none}.navbar-hamburger:hover{background:#0000000f}.navbar-hamburger span{background:var(--text-h);transform-origin:50%;border-radius:2px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.navbar-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0}.navbar-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar-mobile-backdrop,.navbar-mobile-menu{display:none}@media (width<=640px){.navbar-hamburger{display:flex}.navbar-section,.navbar-user{display:none}.navbar-tier2,.navbar-tier3{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.navbar-tier2::-webkit-scrollbar{display:none}.navbar-tier3::-webkit-scrollbar{display:none}.navbar-mobile-backdrop{z-index:51;display:block;position:fixed;inset:48px 0 0}.navbar-mobile-menu{z-index:52;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#fffffff7;border-bottom:1px solid #0000001a;flex-direction:column;padding:6px 0;display:flex;position:fixed;top:48px;left:0;right:0;box-shadow:0 8px 32px #0000001f}.navbar-mobile-section{cursor:pointer;font:15px var(--sans);color:var(--text);text-align:left;background:0 0;border:none;padding:13px 24px;font-weight:500;text-decoration:none;transition:background .1s;display:block}.navbar-mobile-section:hover{background:#0000000a}.navbar-mobile-section.active{color:var(--accent);font-weight:600}}.field-shell{background:#f2f2f7;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.field-topbar{-webkit-backdrop-filter:saturate(180%)blur(20px);background:#f2f2f7f0;border-bottom:.5px solid #3c3c434a;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex}.field-topbar-title{letter-spacing:-.01em;color:#000;font-size:17px;font-weight:600}.field-topbar-user{color:#8e8e93;font-size:13px}.field-content{-webkit-overflow-scrolling:touch;flex:1;padding:20px 16px 16px;overflow-y:auto}.field-tabbar{height:calc(49px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:saturate(180%)blur(20px);background:#f9f9f9f0;border-top:.5px solid #3c3c434a;flex-shrink:0;display:flex}.field-tab{color:#8e8e93;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;transition:color .12s;display:flex}.field-tab.active{color:#007aff}.field-tab-icon{font-size:26px;line-height:1}.field-tab-label{letter-spacing:.01em;font-size:10px;font-weight:500}.field-card{background:#fff;border-radius:12px;margin-bottom:8px;padding:14px 16px;box-shadow:0 1px 3px #00000014}.field-filter-bar{background:#7676801f;border-radius:9px;margin-bottom:16px;padding:2px;display:flex}.field-filter-btn{font:13px var(--sans);color:#3c3c43;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;min-height:30px;padding:5px 4px;font-weight:500;transition:background .15s,box-shadow .15s}.field-filter-btn.active{color:#000;background:#fff;font-weight:600;box-shadow:0 1px 4px #00000026}.field-btn{font:17px/1 var(--sans);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:50px;padding:12px 20px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.field-btn:active{opacity:.75;transform:scale(.97)}.field-btn-primary{color:#fff;background:#007aff}.field-btn-success{color:#fff;background:#34c759}.field-btn-danger{color:#fff;background:#ff3b30}.field-btn-sm{border-radius:8px;min-height:34px;padding:7px 16px;font-size:14px}.field-btn-block{width:100%}.field-input{box-sizing:border-box;width:100%;font:17px var(--sans);color:#000;-webkit-appearance:none;background:#7676801f;border:none;border-radius:10px;outline:none;padding:9px 12px}.field-input::placeholder{color:#8e8e93}@media (width>=640px){.field-content{width:100%;max-width:640px;margin:0 auto;padding:24px 20px 20px}}