:root{--primary:#0E7A3C;--primary-d:#0A5C2D;--accent:#D89A1E;--accent-ink:#3D2A03;--grad:linear-gradient(135deg,#15A05C,#0A5C2D);--ink:#14202B;--muted:#6b7280;--bg:#F4FAF7;--card:#ffffff;--line:#e5e7eb;--err:#b91c1c;--teal:var(--primary);--teal-d:var(--primary-d);--shadow:0 6px 16px rgba(15,40,30,.12);--shadow-sm:0 2px 6px rgba(15,40,30,.08);--radius:12px}:root[data-theme=bleu]{--primary:#2563EB;--primary-d:#1E3A8A;--accent:#F59E0B;--accent-ink:#412402;--grad:linear-gradient(135deg,#3B82F6,#1E40AF);--bg:#F4F8FF;--ink:#16223A;--shadow:0 6px 16px rgba(20,40,80,.14)}:root[data-theme=indigo]{--primary:#7C3AED;--primary-d:#5B21B6;--accent:#22D3EE;--accent-ink:#04342C;--grad:linear-gradient(135deg,#8B5CF6,#5B21B6);--bg:#F7F5FE;--ink:#1E1B33;--shadow:0 6px 16px rgba(60,30,120,.16)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}button{cursor:pointer;font:inherit;border:none;border-radius:10px;padding:.6rem 1rem;background:var(--grad);color:#fff;box-shadow:0 2px 0 var(--primary-d),var(--shadow-sm);transition:transform .06s ease,filter .15s ease}button:hover{filter:brightness(1.05)}button:active{transform:translateY(1px);box-shadow:0 1px 0 var(--primary-d)}button:disabled{opacity:.6;box-shadow:none}input,select{font:inherit;width:100%;padding:.6rem .7rem;border:1px solid var(--line);border-radius:10px;background:#fff}.muted{color:var(--muted)}.error{color:var(--err);margin:.2rem 0}.splash{display:grid;place-items:center;height:100%}.auth-wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:1rem}.auth-top{width:100%;max-width:420px;display:flex;justify-content:flex-end}.auth-card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.5rem;margin-top:12vh;display:flex;flex-direction:column;gap:.8rem}.brand{color:var(--teal);margin:.2rem 0 0}.auth-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem}.topbar{position:sticky;top:0;z-index:30;background:var(--grad);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .8rem;box-shadow:var(--shadow-sm);border-bottom:3px solid var(--accent)}.brand-sm{font-weight:700;flex-shrink:0}.top-actions{display:flex;gap:.4rem;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}.top-actions button{white-space:nowrap;flex-shrink:0}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.55);box-shadow:none}.btn-ghost,.btn-danger,.btn-google,.btn-close,.btn-toggle,.lang-switch button,.tabs button{box-shadow:none}@media (max-width:640px){.top-actions button{padding:.45rem .6rem;font-size:.9rem}}.container{max-width:760px;margin:0 auto;padding:1rem}.search{margin:.5rem 0}.filters{display:grid;grid-template-columns:1fr;gap:.5rem;margin:.5rem 0 1rem}@media (min-width:640px){.filters{grid-template-columns:repeat(3,1fr)}}.lang-switch{display:inline-flex;border:1px solid rgba(255,255,255,.5);border-radius:8px;overflow:hidden}.lang-switch button{background:transparent;border-radius:0;padding:.3rem .6rem}.lang-switch button.on{background:#ffffff40}.auth-top .lang-switch{border-color:var(--line)}.auth-top .lang-switch button{color:var(--ink)}.auth-top .lang-switch button.on{background:var(--line)}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;box-shadow:var(--shadow-sm)}.card-title{font-weight:600}.viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;flex-direction:column;z-index:50}.viewer-head{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;background:var(--grad);color:#fff}.viewer-title{font-weight:600}.btn-close{background:#ffffff2e;border:1px solid rgba(255,255,255,.5)}.viewer-head-actions{display:flex;gap:.5rem;align-items:center}.btn-toggle{background:#fff;color:var(--teal);font-weight:600}.viewer-notice{margin:.4rem 1rem;color:var(--muted);font-size:.85rem}.viewer-box{position:relative;flex:1;margin:0 .5rem .5rem;border:1px solid var(--line);border-radius:8px;overflow:hidden}.viewer-frame{width:100%;height:100%;border:0}.viewer-msg{display:grid;place-items:center;height:100%;color:var(--muted)}.watermark{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-wrap:wrap;gap:3rem;padding:2rem;transform:rotate(-30deg);opacity:.12;font-size:.8rem;color:#000;justify-content:center;align-content:center}.btn-google{width:100%;background:#fff;color:var(--ink);border:1px solid var(--line);font-weight:600}.sep{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.85rem;margin:.4rem 0}.sep:before,.sep:after{content:"";flex:1;height:1px;background:var(--line)}.tabs{display:flex;gap:.4rem;background:#f1f5f9;border-radius:10px;padding:.25rem;margin-bottom:.2rem}.tabs button{flex:1;background:transparent;color:var(--muted);padding:.45rem;border-radius:8px}.tabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px #00000014}.auth-card form{display:flex;flex-direction:column;gap:.7rem;margin-top:.2rem}.btn-ghost.dark{background:transparent;border:1px solid var(--line);color:var(--muted)}.depot-scroll{flex:1;overflow:auto;padding:1rem;display:flex;justify-content:center}.depot-form{width:100%;max-width:560px;display:flex;flex-direction:column;gap:.8rem}.depot-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--ink)}.depot-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.depot-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.4rem}.ok-msg{color:#0b7a3b;margin:.2rem 0}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--line);box-shadow:0 -2px 10px #0f281e14;padding:.3rem .2rem calc(.3rem + env(safe-area-inset-bottom))}.bottom-nav button{background:transparent;color:var(--ink);box-shadow:none;border:none;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.7rem;padding:.35rem .4rem;flex:1;min-width:0}.bottom-nav .bn-ic{font-size:1.15rem;line-height:1}.app{padding-bottom:64px}@media (min-width:760px){.app{padding-bottom:0}}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:60;display:flex;align-items:flex-end}.sheet{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:.6rem 1rem calc(1rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.5rem}.sheet-grab{width:40px;height:4px;border-radius:99px;background:var(--line);align-self:center;margin:.3rem 0 .5rem}.sheet-item{width:100%;background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:none;padding:.8rem;border-radius:12px;font-weight:600}.sheet-item.ghost{background:transparent;color:var(--muted);font-weight:400}.card-actions{display:flex;gap:.5rem;align-items:center}.btn-danger{background:#fff;color:#b91c1c;border:1px solid #f0b4b4}.btn-danger:hover{background:#fdecec}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.kpi{background:var(--card, #fff);border:1px solid var(--border, #e3e3e3);border-radius:10px;padding:.7rem .6rem;text-align:center}.kpi-n{font-size:1.5rem;font-weight:800;line-height:1.1}.kpi-l{font-size:.75rem;color:var(--muted, #667);margin-top:.15rem}.todo-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;border-bottom:1px solid var(--border, #eee)}.todo-row b{font-variant-numeric:tabular-nums}.feedback-box{border-top:1px solid #e5e7eb;margin-top:.6rem;padding-top:.6rem;display:flex;flex-direction:column;gap:.5rem}.viewer-feedback{padding:.4rem .8rem .8rem}.feedback-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.btn-like{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:999px;padding:.35rem .8rem;cursor:pointer;font-size:.95rem}.btn-like.liked{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.btn-like:disabled{opacity:.6;cursor:default}.feedback-comment{display:flex;gap:.5rem;align-items:flex-start}.feedback-comment textarea{flex:1;resize:vertical;min-height:2.4rem;padding:.4rem .5rem;border:1px solid #d1d5db;border-radius:8px;font:inherit}.sm{font-size:.85rem}.badge{display:inline-block;background:#0b7a3b;color:#fff;border-radius:999px;padding:.1rem .5rem;font-size:.8rem;font-weight:600}.badge-done{background:#0b7a3b;color:#fff;margin-left:.4rem}.badge-seen{background:#e5e7eb;color:#374151;margin-left:.4rem}.guide{display:flex;align-items:center;gap:.6rem;margin:.2rem 0 .8rem;padding:.5rem .7rem;background:#0e7a3c0f;border:1px solid rgba(14,122,60,.15);border-radius:12px}.guide-av{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#fff;box-shadow:0 1px 3px #0000001f}.guide-msg{margin:0;font-size:.9rem;line-height:1.35;color:var(--ink,#1c1c1c)}.lp{min-height:100%;display:flex;flex-direction:column}.lp-top{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem}.lp-brand{display:flex;align-items:center;gap:.45rem;font-weight:800;font-size:1.1rem;color:var(--primary)}.lp-main{flex:1;max-width:760px;width:100%;margin:0 auto;padding:1rem 1.1rem 2rem;box-sizing:border-box}.lp-hero{text-align:center;padding:1.5rem 0 1rem}.lp-badge{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:.8rem;padding:.3rem .7rem;border-radius:999px}.lp-hero h1{font-size:1.9rem;line-height:1.2;margin:.8rem 0 .5rem;color:var(--ink)}.lp-sub{color:var(--muted);font-size:1.05rem;line-height:1.45;max-width:520px;margin:0 auto}.lp-cta{display:flex;flex-direction:column;gap:.6rem;max-width:340px;margin:1.4rem auto 0}.lp-btn-primary{background:var(--grad);color:#fff;font-weight:700;padding:.85rem;font-size:1.05rem}.lp-btn-ghost{background:transparent;color:var(--primary);border:1px solid var(--line);box-shadow:none}.lp-features{display:grid;gap:.8rem;margin-top:1.8rem}.lp-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.1rem;box-shadow:var(--shadow-sm)}.lp-ic{font-size:1.8rem}.lp-card-title{font-weight:700;margin:.4rem 0 .25rem}.lp-card-desc{color:var(--muted);font-size:.95rem;line-height:1.4}.lp-foot{text-align:center;color:var(--muted);font-size:.85rem;padding:1rem}@media (min-width:620px){.lp-features{grid-template-columns:repeat(2,1fr)}.lp-hero h1{font-size:2.3rem}}.lp-how{margin-top:2rem}.lp-how-title{font-size:1.15rem;margin:0 0 .9rem;text-align:center}.lp-steps{display:grid;gap:.7rem}.lp-step{display:flex;gap:.8rem;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;box-shadow:var(--shadow-sm)}.lp-step-n{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--grad);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.lp-final{margin-top:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.9rem}.lp-trust{color:var(--muted);font-size:.9rem;margin:0;max-width:34rem}.lp-final .lp-btn-primary{max-width:22rem;width:100%}@media (min-width:620px){.lp-steps{grid-template-columns:repeat(3,1fr)}}.home{padding:.4rem 0}.home-hi{margin:.2rem 0 .1rem}.home-resume{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;background:var(--grad);color:#fff;font-weight:700;padding:.85rem;margin:1rem 0 1.2rem;font-size:1.02rem}.home-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.home-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:1rem .9rem;box-shadow:var(--shadow-sm)}.home-tile-ic{font-size:1.6rem}.home-tile-title{font-weight:700}.home-tile-desc{color:var(--muted);font-size:.85rem;line-height:1.3}@media (min-width:620px){.home-grid{grid-template-columns:repeat(3,1fr)}}