@font-face{font-family:system;src:local('SF Pro Display')}*{box-sizing:border-box} :root{font-family:system,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#292b2e;background:#ececea;font-synthesis:none;--muted:#898b8b;--line:rgba(42,44,46,.08);--surface:rgba(255,255,255,.65)}body{margin:0;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #858f9a;outline-offset:4px}button{border:0}a{color:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(65px);pointer-events:none;z-index:-1}.ambient-one{width:330px;height:330px;background:#dddeda;top:100px;left:calc(50% - 290px)}.ambient-two{width:260px;height:260px;background:#e0e3e5;bottom:80px;right:calc(50% - 240px)}#app{max-width:480px;margin:auto;min-height:100svh;padding:24px 24px calc(120px + env(safe-area-inset-bottom));position:relative}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:660;letter-spacing:-1px}.brand-mark{width:33px;height:33px;background:#303236;border-radius:12px;display:grid;place-items:center;color:#fafaf8}.brand-mark svg{width:21px;height:21px}.avatar-mini{width:36px;height:36px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.85);border-radius:50%;font-size:12px;font-weight:600;display:grid;place-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#8b8d8e;text-transform:uppercase}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}h1{font-size:32px;line-height:1.12;letter-spacing:-1.2px;font-weight:550;margin:9px 0 8px}h2{font-size:23px;letter-spacing:-.7px;font-weight:570}p{line-height:1.5}.subtitle{font-size:13px;color:var(--muted);margin:0}.icon-button{display:grid;place-items:center;background:var(--surface);border:1px solid rgba(255,255,255,.9);border-radius:50%;width:34px;height:34px;margin-bottom:4px}.icon-button svg{width:16px}.tabs{display:flex;gap:3px;background:rgba(219,220,218,.7);padding:5px;border-radius:17px;margin:25px 0 25px}.tab{flex:1;background:transparent;padding:10px 4px;font-size:12px;color:#848687;border-radius:12px;white-space:nowrap}.tab.active{background:rgba(255,255,255,.9);color:#303234;box-shadow:0 2px 6px #00000006}.tab span{font-size:10px;margin-left:3px;opacity:.6}.progress-row{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.4px;color:#929495;margin:0 4px 9px}.progress-line{height:3px;background:#dddeda;border-radius:6px;margin:0 4px 22px;overflow:hidden}.progress-line div{height:100%;background:#858a89;border-radius:6px;transition:width .3s}.deck{position:relative;perspective:1000px;margin:0 5px 26px;min-height:335px}.deck:before,.deck:after{content:'';position:absolute;inset:15px 12px -12px;background:#f4f4f1;border-radius:29px;border:1px solid #ffffff80;box-shadow:0 8px 18px #363d4010}.deck:after{inset:8px 6px -6px;background:#f8f8f6}.card{position:relative;z-index:1;min-height:335px;border-radius:28px;background:linear-gradient(145deg,#fffdfc,#f9faf8);border:1px solid white;box-shadow:0 14px 42px #353d3b0b;padding:24px 25px 23px;text-align:center;touch-action:pan-y;user-select:none;will-change:transform;transition:transform .25s,opacity .25s;overflow:hidden}.card.dragging{transition:none;touch-action:none}.card-top{display:flex;justify-content:space-between;align-items:center;color:#929595;font-size:10px}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #e9eae7;border-radius:20px;padding:5px 9px;font-size:10px;background:#f7f7f5;color:#848785}.pill svg{width:11px;height:11px}.card-avatar{width:82px;height:82px;background:linear-gradient(145deg,#dfe3e0,#cdd3d1);color:#626d6c;font-size:28px;font-weight:450;letter-spacing:-1px;border-radius:26px;margin:22px auto 15px;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff60}.card-avatar img{width:100%;height:100%;object-fit:cover}.card h2{margin:0 0 6px;font-size:24px;overflow-wrap:anywhere}.handle{color:#979a98;font-size:12px;margin:0}.snippet{background:#f0f2ef99;border:1px solid #e7ebe560;border-radius:16px;margin-top:24px;padding:13px 15px;text-align:left;min-height:67px}.snippet-label{font-size:9px;letter-spacing:1px;color:#a0a4a0;text-transform:uppercase;display:flex;justify-content:space-between}.snippet p{font-size:12px;line-height:1.55;color:#7a817c;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot{font-size:10px;color:#9c9f9c;margin-top:15px}.stamp{position:absolute;z-index:3;top:100px;font-size:25px;font-weight:700;letter-spacing:2px;border:3px solid;padding:8px;border-radius:8px;opacity:0;pointer-events:none}.stamp-delete{left:20px;color:#b36e6a;transform:rotate(-14deg)}.stamp-keep{right:20px;color:#677e70;transform:rotate(14deg)}.actions{display:flex;justify-content:center;gap:50px}.action-group{text-align:center;font-size:10px;color:#8c908d}.action{width:61px;height:61px;display:grid;place-items:center;border-radius:50%;margin-bottom:9px;box-shadow:0 6px 20px #444a4510}.action svg{width:23px;height:23px}.keep{background:#f9faf6;border:1px solid white}.delete{background:#333638;color:#fff}.hint{text-align:center;color:#a0a3a0;font-size:10px;margin:19px 0 0;line-height:1.5}.nav{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 44px),390px);display:flex;gap:5px;padding:7px;border:1px solid #ffffffd9;border-radius:29px;background:linear-gradient(150deg,#ffffff99,#ffffff50);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);box-shadow:0 9px 28px #3c444618,inset 0 1px 2px white;z-index:10}.nav button{flex:1;padding:10px 3px 9px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;background:transparent;color:#969999;border-radius:23px}.nav button svg{width:19px;height:19px}.nav button.active{background:#fafbf6b0;box-shadow:0 2px 8px #00000005;color:#323639}.welcome{margin-top:23px;text-align:center;padding:28px 23px 25px;border:1px solid #fff;border-radius:28px;background:linear-gradient(150deg,#ffffffa6,#ffffff73);box-shadow:0 16px 36px #3c444608}.welcome .orb{width:100px;height:100px;border-radius:32px;background:linear-gradient(135deg,#e7e9e4,#cdd3cf);box-shadow:inset 0 1px 2px white,0 12px 25px #3a464810;display:grid;place-items:center;margin:4px auto 25px;transform:rotate(-9deg)}.orb svg{width:46px;height:46px;color:#697670}.welcome h2{margin:0;font-size:26px}.welcome p{font-size:13px;color:#929794;margin:12px 0 23px}.primary{border-radius:16px;background:#333638;color:white;padding:16px 20px;font-size:13px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}.primary svg{width:16px}.secondary{padding:13px;background:transparent;color:#838a84;font-size:12px;width:100%;border-radius:14px}.guide{display:flex;gap:15px;margin:23px 0 0;padding-top:20px;border-top:1px solid #dfe4df;color:#979d97;text-align:left;font-size:11px;line-height:1.5}.guide svg{flex-shrink:0;width:16px;margin-top:2px}.page-title{margin-bottom:26px}.panel{background:#ffffff99;border:1px solid #fff;border-radius:23px;padding:22px;margin-bottom:16px;box-shadow:0 7px 20px #46504405}.account{display:flex;align-items:center;gap:13px;padding:17px 15px;border-radius:18px;border:1px solid white;background:#ffffff99;margin-bottom:12px}.account .avatar-mini{height:45px;width:45px;flex-shrink:0;background:#dde3de;font-size:16px}.account-info{flex:1;min-width:0}.account-info strong{display:block;font-size:14px;overflow-wrap:anywhere;font-weight:550}.account-info small{color:#9b9e9b;font-size:11px}.account-controls{display:flex;gap:6px}.round-button{width:33px;height:33px;border-radius:50%;background:#e9ece7;display:grid;place-items:center}.round-button svg{width:15px}.round-button.selected{background:#454d47;color:white}.note{font-size:11px;line-height:1.6;color:#979c98;padding:3px 6px}.big-stat{display:flex;align-items:baseline;gap:10px}.big-stat strong{font-size:68px;letter-spacing:-4px;font-weight:450;line-height:1.15}.big-stat span{font-size:12px;color:#969d96}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.stat-cell{padding:14px;border:1px solid #e9ece5;border-radius:15px;background:#f8f9f4}.stat-cell strong{display:block;font-size:24px;font-weight:500}.stat-cell span{font-size:11px;color:#979c94}.chart{height:80px;display:flex;gap:10px;align-items:flex-end;margin-top:20px}.bar-column{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bar{background:#a5b1a5;border-radius:6px 6px 3px 3px;width:100%;min-height:3px}.bar-column span{font-size:9px;color:#93998f}.section-label{font-size:11px;color:#8e958f;display:flex;justify-content:space-between}.stats-note{font-size:12px;color:#909790;margin-top:20px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;text-align:center;padding:30px;border:1px solid white;border-radius:27px;background:#ffffff85}.empty svg{width:45px;height:45px;color:#919d92;margin-bottom:16px}.empty h2{margin:0 0 8px}.empty p{font-size:12px;color:#949b93;max-width:260px}.loading{width:27px;height:27px;border:2px solid #d7dcd5;border-top-color:#737f72;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(108px + env(safe-area-inset-bottom));width:min(calc(100% - 36px),420px);z-index:30;padding:13px 17px;border-radius:19px;background:#343d37ed;color:#f5f8f2;box-shadow:0 6px 24px #0002;font-size:12px;display:none;align-items:center;justify-content:space-between;gap:12px;backdrop-filter:blur(15px)}#toast button{background:#ffffff20;color:white;padding:8px 12px;border-radius:11px;font-size:11px}.modal-backdrop{position:fixed;inset:0;z-index:40;background:#343e3750;backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center}.modal{background:#f2f3ed;border:1px solid #ffffffc0;border-radius:30px 30px 0 0;max-width:480px;width:100%;padding:13px 26px calc(28px + env(safe-area-inset-bottom));max-height:90svh;overflow:auto;box-shadow:0 -10px 35px #0001}.modal-grip{width:34px;height:4px;border-radius:4px;background:#c8cec5;margin:0 auto 22px}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal h2{margin:0}.modal p{font-size:12px;color:#8a9288}.modal label{display:block;font-size:11px;color:#858e83;margin:23px 0 8px}.modal input{width:100%;padding:16px;border-radius:15px;background:#ffffffb0;border:1px solid #dce2d6;color:#333c32;font-size:17px}.modal .primary{margin-top:20px}.error-text{color:#a36f65!important;min-height:19px}.demo-label{font-size:9px;border-radius:10px;border:1px solid #c9d2c4;padding:4px 7px;color:#87977e}.help-list{padding-left:16px;font-size:12px;color:#828d7c;line-height:1.7}.demo-exit{margin-top:14px}.account-select{font-size:10px;color:#8b9388;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offline-banner{font-size:11px;color:#7e8b78;background:#e3e9df;padding:12px;border-radius:13px;margin:15px 0} @media(min-width:600px){#app{margin:28px auto;min-height:calc(100svh - 56px);border:1px solid #ffffff90;border-radius:36px;background:#ececea55;box-shadow:0 20px 80px #3342330a}.nav{bottom:27px}.ambient-one{top:180px}}@media(max-height:730px){#app{padding-top:15px}.header{margin-bottom:20px}h1{font-size:28px}.tabs{margin:18px 0}.progress-line{margin-bottom:17px}.deck,.card{min-height:295px}.card{padding:19px 20px}.card-avatar{width:66px;height:66px;margin:16px auto 11px;border-radius:22px}.snippet{margin-top:18px}.deck{margin-bottom:23px}.action{width:54px;height:54px}.hint{margin-top:13px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.secondary svg,.section-label svg{width:16px;height:16px;vertical-align:middle}.section-label{align-items:center}.theme-picker{display:flex;gap:4px;background:#e2e5df;padding:5px;border-radius:15px;margin-top:16px}.theme-picker button{flex:1;font-size:12px;background:transparent;color:#959d90;border-radius:11px;padding:11px 4px}.theme-picker button.active{background:#fdfdf9;color:#3c4439;box-shadow:0 2px 6px #00000008}
:root[data-theme=dark]{color:#eceeec;background:#191b1d;--muted:#8b9094;--surface:rgba(255,255,255,.06);--line:rgba(255,255,255,.08)}[data-theme=dark] .ambient-one{background:#2b3134}[data-theme=dark] .ambient-two{background:#28312e}[data-theme=dark] .brand-mark{background:#dedfdb;color:#292e2b}[data-theme=dark] .avatar-mini{background:#303437;border-color:#ffffff12}[data-theme=dark] .icon-button{border-color:#ffffff14}[data-theme=dark] .tabs{background:#25282b}[data-theme=dark] .tab{color:#899095}[data-theme=dark] .tab.active{background:#3b3f42;color:#edefed;box-shadow:inset 0 1px #ffffff10,0 2px 6px #0002}[data-theme=dark] .progress-line{background:#303637}[data-theme=dark] .progress-line div{background:#9ca69d}[data-theme=dark] .deck:before{background:#24282a;border-color:#ffffff06}[data-theme=dark] .deck:after{background:#2a2e30;border-color:#ffffff0a}[data-theme=dark] .card{background:linear-gradient(145deg,#323638,#292d2f);border-color:#ffffff14;box-shadow:0 14px 42px #0002}[data-theme=dark] .pill{background:#353b3b;border-color:#ffffff0a;color:#a2aaa4}[data-theme=dark] .card-avatar{background:linear-gradient(145deg,#596460,#404b49);color:#c5cfca;box-shadow:inset 0 1px #ffffff13}[data-theme=dark] .snippet{background:#22282899;border-color:#ffffff06}[data-theme=dark] .snippet p{color:#a4afa6}[data-theme=dark] .snippet-label{color:#727f76}[data-theme=dark] .keep{background:#303638;border-color:#ffffff1c;color:#ced4d0}[data-theme=dark] .delete{background:#e2e5df;color:#262d29}[data-theme=dark] .nav{background:linear-gradient(150deg,#42494ca1,#242a2db3);border-color:#ffffff20;box-shadow:0 9px 28px #0004,inset 0 1px 2px #ffffff19}[data-theme=dark] .nav button{color:#939da2}[data-theme=dark] .nav button.active{background:#ffffff10;color:#e1e6e0;box-shadow:inset 0 1px #ffffff08}[data-theme=dark] .welcome{background:linear-gradient(150deg,#32383bab,#252b2c99);border-color:#ffffff14}[data-theme=dark] .welcome .orb{background:linear-gradient(135deg,#4e5a55,#343f3b);box-shadow:inset 0 1px #ffffff18,0 12px 25px #0002}[data-theme=dark] .orb svg{color:#bccbbf}[data-theme=dark] .primary{background:#dce2d9;color:#293329}[data-theme=dark] .secondary{color:#a2b09c}[data-theme=dark] .guide{border-color:#ffffff0d;color:#929f92}[data-theme=dark] .panel,[data-theme=dark] .account{background:#ffffff06;border-color:#ffffff12;box-shadow:0 7px 20px #00000010}[data-theme=dark] .account .avatar-mini{background:#3c4940;color:#c4d1c1}[data-theme=dark] .round-button{background:#3a423c;color:#acbba6}[data-theme=dark] .round-button.selected{background:#a6b69d;color:#263222}[data-theme=dark] .stat-cell{background:#ffffff04;border-color:#ffffff09}[data-theme=dark] .bar{background:#82967c}[data-theme=dark] .empty{background:#ffffff06;border-color:#ffffff12}[data-theme=dark] .modal-backdrop{background:#070a0859}[data-theme=dark] .modal{background:#242b27;border-color:#ffffff16}[data-theme=dark] .modal-grip{background:#566050}[data-theme=dark] .modal input{background:#ffffff08;border-color:#ffffff18;color:#e0e9db}[data-theme=dark] .modal p,[data-theme=dark] .help-list{color:#9dab95}[data-theme=dark] .theme-picker{background:#181f1a}[data-theme=dark] .theme-picker button{color:#85957d}[data-theme=dark] .theme-picker button.active{background:#3c4936;color:#d1dfc6}[data-theme=dark] .offline-banner{background:#2d3a28;color:#a9bea0}[data-theme=dark] #toast{background:#4c5b43ec;color:#f2f8ee}[data-theme=dark] .loading{border-color:#485043;border-top-color:#9bae90}@media(min-width:600px){[data-theme=dark] #app{background:#1e242155;border-color:#ffffff0d;box-shadow:0 20px 80px #0001}}
@media(max-width:599px){.header{margin-bottom:22px}.tabs{margin:20px 0}.progress-line{margin-bottom:18px}.deck,.card{min-height:315px}.card{padding:20px 21px}.card-avatar{width:68px;height:68px;border-radius:23px;margin:17px auto 12px}.card h2{font-size:23px}.snippet{margin-top:18px;padding:11px 13px}.card-foot{margin-top:12px}.deck{margin-bottom:24px}.hint{margin-top:15px}}@media(max-width:599px) and (max-height:730px){.header{margin-bottom:15px}.tabs{margin:15px 0}.card{padding:17px 19px}.deck,.card{min-height:290px}.card-avatar{width:58px;height:58px;margin:13px auto 10px}.snippet{margin-top:14px}.hint{font-size:9px;margin-top:11px}}
@media(max-width:599px) and (min-height:731px){.header{margin-bottom:16px}.tabs{margin:16px 0}.card-avatar{width:62px;height:62px;margin-top:15px}.deck{margin-bottom:20px}}

.queue-count{display:block;font-size:10px;opacity:.65;margin-top:4px}#toast>span{min-width:0;overflow-wrap:anywhere}#toast button{flex-shrink:0}