.tp{position:relative;width:100%}.tp-trigger{display:flex;align-items:center;gap:7px;width:100%;padding:0 10px;height:32px;border:1px solid #e7d7bc;border-radius:8px;font-size:.8rem;font-family:inherit;color:#5a4528;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s;text-align:left;outline:none;box-sizing:border-box}.tp-trigger--open,.tp-trigger:hover{border-color:#ddb469}.tp-trigger--open{box-shadow:0 0 0 3px rgba(221,180,105,.12)}.tp-icon{font-size:15px;color:#a07840;flex-shrink:0;transition:color .2s}.tp-trigger--open .tp-icon{color:#c4832a}.tp-placeholder{flex:1 1;color:#b8a080;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tp-value{flex:1 1;color:#5a4528;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tp-clear{font-size:14px;color:#c8a97a;cursor:pointer;border-radius:50%;padding:2px;line-height:1;transition:color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tp-clear:hover{color:#7a5528}.tp-panel{background:#fffdf8;border:1.5px solid #e7d7bc;border-radius:11px;box-shadow:0 10px 32px rgba(90,60,20,.16),0 3px 8px rgba(90,60,20,.08);overflow:hidden;animation:tpIn .13s cubic-bezier(.16,1,.3,1)}@keyframes tpIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tp-cols{display:flex;align-items:stretch}.tp-col{flex:1 1;display:flex;flex-direction:column}.tp-col-head{text-align:center;font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#c8a97a;padding:7px 0 4px;border-bottom:1px solid #f0e4cc;background:#fdf8f0}.tp-divider{width:1px;background:#f0e4cc;flex-shrink:0}.tp-scroll{height:155px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(180,130,55,.3) transparent;padding:4px;display:flex;flex-direction:column;gap:1px}.tp-scroll::-webkit-scrollbar{width:3px}.tp-scroll::-webkit-scrollbar-track{background:transparent}.tp-scroll::-webkit-scrollbar-thumb{background:rgba(180,130,55,.3);border-radius:999px}.tp-item{width:100%;padding:5px 0;border:none;background:none;border-radius:6px;font-size:.82rem;font-family:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;color:#5a4528;cursor:pointer;text-align:center;transition:background .12s,color .12s}.tp-item:hover{background:#fdf3e0;color:#c4832a}.tp-item--selected{background:#d97706!important;color:#fff!important;font-weight:700;box-shadow:0 2px 6px rgba(217,119,6,.3)}[data-theme=dark] .tp-trigger{background:#1e1206;border-color:#4a3520;color:#e8d5b0}[data-theme=dark] .tp-trigger:hover{border-color:#8a6030}[data-theme=dark] .tp-placeholder{color:#6a5030}[data-theme=dark] .tp-value{color:#e8d5b0}[data-theme=dark] .tp-panel{background:#1e1206;border-color:#4a3520;box-shadow:0 10px 32px rgba(0,0,0,.4)}[data-theme=dark] .tp-col-head{background:#241608;color:#9a7a50;border-bottom-color:#3a2510}[data-theme=dark] .tp-divider{background:#3a2510}[data-theme=dark] .tp-item{color:#e8d5b0}[data-theme=dark] .tp-item:hover{background:#2e1a08;color:#f0b840}[data-theme=dark] .tp-item--selected{background:#b45309!important}.notes-card{margin-top:10px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fffdfa,#fffaf1);border:1px solid rgba(233,223,205,.8);box-shadow:0 8px 20px rgba(15,23,42,.05);padding:10px 12px}.notes-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d4a34d,#f2d08d 45%,#f7efe0)}.notes-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;flex-wrap:wrap}.notes-header--toggle{width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left;margin-bottom:0;border-radius:12px;transition:background .15s}.notes-header--toggle:hover{background:rgba(180,130,55,.06)}[data-theme=dark] .notes-header--toggle:hover{background:rgba(180,130,55,.08)}.notes-card--open .notes-header--toggle{margin-bottom:10px}.notes-header-right{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.notes-chevron{font-size:18px;color:rgba(140,100,40,.6);transition:transform .2s}.notes-card--open .notes-chevron{transform:rotate(180deg)}[data-theme=dark] .notes-chevron{color:rgba(180,130,55,.5)}.notes-header-icon{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#b7791f;font-size:17px;background:linear-gradient(180deg,#fff5da,#ffefc7);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 4px 10px rgba(212,163,77,.14);flex-shrink:0}.notes-header-copy{display:flex;flex:1 1;min-width:0;flex-direction:column;gap:3px}.notes-title{margin:0;font-size:.9rem;color:#2f2417;font-weight:700}.notes-subtitle{margin:0;color:#8b7355;font-size:.72rem;line-height:1.4}.notes-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 7px;border-radius:999px;background:linear-gradient(180deg,#fff4db,#f8e6bf);color:#8a5d16;font-size:.7rem;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.notes-composer{display:flex;flex-direction:column;gap:7px;padding:9px;border-radius:11px;border:1px solid rgba(227,214,191,.9);background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,249,238,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 12px rgba(92,63,20,.04);margin-bottom:10px}.notes-composer-top{display:none}.note-meta-row{display:grid;grid-template-columns:1fr;grid-gap:7px;gap:7px;margin-bottom:0}.note-meta-input{width:100%;height:32px;padding:0 10px;border-radius:8px;border:1px solid #e7d7bc;font-size:.8rem;color:#5a4528;outline:none;background:rgba(255,255,255,.92);box-sizing:border-box}.note-meta-input:focus{border-color:#ddb469;box-shadow:0 0 0 3px rgba(221,180,105,.12)}.note-textarea{width:100%;min-height:68px;padding:8px 10px;border-radius:8px;border:1px solid #e7d7bc;resize:vertical;font-size:13px;outline:none;color:#5a4528;box-sizing:border-box;font-family:inherit;background:rgba(255,255,255,.92)}.note-textarea:focus{border-color:#ddb469;box-shadow:0 0 0 3px rgba(221,180,105,.12)}.reminder-block{display:flex;flex-direction:column;gap:10px}.reminder-toggle{align-self:flex-start;border:1px solid #eadfc6;border-radius:999px;background:rgba(255,255,255,.9);color:#8b5e17;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.reminder-toggle.active,.reminder-toggle:hover{background:#fff7e6;border-color:#d9ba74;transform:translateY(-1px)}.reminder-toggle .material-symbols-outlined{font-size:16px}.reminder-panel{padding:9px;border-radius:11px;border:1px solid rgba(226,214,192,.95);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,248,233,.98))}.reminder-panel-header{display:flex;align-items:flex-start;gap:7px;color:#7a603c;font-size:11px;line-height:1.45;margin-bottom:8px}.reminder-panel-header .material-symbols-outlined{font-size:16px;color:#be7c20}.reminder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px}.reminder-field{display:flex;flex-direction:column;gap:4px}.reminder-field span{font-size:10px;font-weight:700;color:#8b7355;text-transform:uppercase;letter-spacing:.04em}.reminder-summary{margin-top:10px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,244,219,.9);color:#8a5d16;font-size:11px;font-weight:800}.reminder-summary .material-symbols-outlined{font-size:14px}.reminder-error{margin-top:10px;color:#b91c1c;font-size:12px;font-weight:700}.note-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:2px;flex-wrap:wrap}.note-clear-btn{background:rgba(255,255,255,.85);border:1px solid #e2e8f0;border-radius:999px;color:#6b7280;font-weight:700;cursor:pointer;font-size:11px;padding:5px 10px;display:inline-flex;align-items:center;gap:4px;transition:background .2s,color .2s,border-color .2s}.note-clear-btn .material-symbols-outlined{font-size:13px}.note-clear-btn:hover{color:#374151;border-color:#cbd5e1;background:#fff;transform:translateY(-1px)}.note-save-btn{background:linear-gradient(135deg,#d29a42,#be7c20);color:#fffdf9;border:1px solid rgba(167,102,21,.28);border-radius:999px;padding:5px 12px;font-weight:800;cursor:pointer;font-size:11px;display:inline-flex;align-items:center;gap:5px;box-shadow:0 4px 10px rgba(190,124,32,.16);transition:transform .2s,box-shadow .2s,filter .2s}.note-save-btn .material-symbols-outlined{font-size:13px}.note-save-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(190,124,32,.22);filter:brightness(1.03)}.note-save-btn:disabled{cursor:not-allowed;opacity:.7}.notes-feed{display:flex;flex-direction:column;gap:8px;margin-top:4px;max-height:185px;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(180,130,55,.35) transparent;min-width:0}.notes-feed::-webkit-scrollbar{width:4px}.notes-feed::-webkit-scrollbar-track{background:transparent}.notes-feed::-webkit-scrollbar-thumb{background:rgba(180,130,55,.35);border-radius:999px}[data-theme=dark] .notes-feed{scrollbar-color:rgba(180,130,55,.25) transparent}.notes-group{display:flex;flex-direction:column;gap:6px}.notes-group-header{display:flex;align-items:center;gap:10px}.notes-group-title{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(116,90,53,.72)}.notes-group-line{height:1px;flex:1 1;background:linear-gradient(90deg,rgba(221,180,105,.26),rgba(221,180,105,.02))}.notes-group-list{display:flex;flex-direction:column;gap:7px;min-width:0}.saved-note{position:relative;background:linear-gradient(180deg,#fffefd,#fffaf2);border-radius:10px;padding:8px 10px 8px 13px;border:1px solid rgba(230,216,193,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 3px 8px rgba(92,63,20,.04);min-width:0;overflow:hidden}.saved-note:before{content:"";position:absolute;top:14px;left:0;bottom:14px;width:3px;border-radius:0 999px 999px 0;background:linear-gradient(180deg,#d8a34f,#f0d59e)}.saved-note-top{justify-content:space-between;gap:8px;margin-bottom:4px}.saved-note-meta,.saved-note-top{display:flex;align-items:center;flex-wrap:wrap}.saved-note-meta{gap:10px}.saved-note-actions,.saved-note-delete-confirm{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.saved-note-delete,.saved-note-delete-approve,.saved-note-delete-cancel,.saved-note-edit{border:1px solid rgba(203,213,225,.7);background:rgba(255,255,255,.88);border-radius:999px;width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 14px rgba(15,23,42,.04);transition:color .2s ease,opacity .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.saved-note-action-icon{font-size:12px}.saved-note-edit{color:#1d4ed8}.saved-note-edit:hover{background:rgba(239,246,255,.95);border-color:rgba(96,165,250,.45);color:#1d4ed8;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 8px 18px rgba(37,99,235,.12);transform:translateY(-1px)}.saved-note-delete{color:#dc2626}.saved-note-delete:hover{background:rgba(255,241,242,.95);border-color:rgba(252,165,165,.52);color:#dc2626;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 8px 18px rgba(220,38,38,.08);transform:translateY(-1px)}.saved-note-delete-text{color:var(--text-muted);font-size:.8rem;font-weight:700;margin-right:2px}.saved-note-delete-cancel{color:#64748b}.saved-note-delete-cancel:hover{background:rgba(248,250,252,.96);border-color:rgba(148,163,184,.38);color:#334155;transform:translateY(-1px)}.saved-note-delete-approve{color:#dc2626}.saved-note-delete-approve:hover{background:rgba(255,241,242,.95);border-color:rgba(252,165,165,.52);color:#b91c1c;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 8px 18px rgba(220,38,38,.08);transform:translateY(-1px)}.saved-note-title{margin:0 0 3px;color:#674824;font-size:.82rem;font-weight:700}.saved-note-text{margin:0;color:#5b4a33;font-size:12.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;min-width:0}.saved-note-date{margin:0;color:rgba(104,82,48,.72);font-size:11px;padding:3px 7px;border-radius:999px;background:rgba(251,241,217,.7)}.saved-note-reminder{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:rgba(239,246,255,.9);color:#1d4ed8;font-size:11px;font-weight:700}.saved-note-reminder.sent{background:rgba(240,253,244,.95);color:#15803d}.saved-note-reminder .material-symbols-outlined{font-size:13px}.notes-empty-state{margin-top:12px;padding:18px 16px;border:1px dashed #e6d7bf;border-radius:16px;background:linear-gradient(180deg,#fffdf8,#fff8ec);color:#8a6a36;font-size:.9rem;line-height:1.6;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.notes-empty-icon{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(249,221,167,.34);color:#b7791f;font-size:22px}@media (max-width:480px){.reminder-grid{grid-template-columns:1fr}.notes-header{align-items:stretch}.notes-count-badge{margin-left:54px}.saved-note-top{align-items:flex-start}}.notes-login-prompt{text-align:center;padding:10px 0}.notes-lock-icon{color:var(--border);font-size:32px;margin-bottom:8px}.notes-login-text{font-size:13px;color:var(--text-muted);margin-bottom:15px}.notes-login-btn{width:100%;padding:8px;border:1px solid var(--border);background:var(--bg-white);color:var(--text-dark);border-radius:999px;font-weight:700;cursor:pointer;transition:.2s}.notes-login-btn:hover{background:var(--bg-light);color:var(--text-dark)}[data-theme=dark] .notes-card{background:linear-gradient(180deg,#1e1a12,#191510);border-color:rgba(180,130,55,.22);box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 0 1px rgba(180,130,55,.08),inset 0 1px 0 rgba(255,220,120,.06)}[data-theme=dark] .notes-card:before{background:linear-gradient(90deg,#c4832a,#e8b84a 45%,#a05e18);opacity:.9}[data-theme=dark] .notes-header-icon{background:linear-gradient(180deg,#2c2010,#241a0c);box-shadow:inset 0 1px 0 rgba(255,200,80,.12),0 8px 18px rgba(0,0,0,.28);color:#e0a030}[data-theme=dark] .notes-title{color:#e8d5b0}[data-theme=dark] .notes-subtitle{color:#8a7355}[data-theme=dark] .notes-count-badge{background:linear-gradient(180deg,#2e2010,#261a09);color:#d4a040;box-shadow:inset 0 1px 0 rgba(255,200,80,.1),0 2px 6px rgba(0,0,0,.22);border:1px solid rgba(180,130,55,.28)}[data-theme=dark] .notes-composer{background:linear-gradient(180deg,rgba(36,28,14,.95),rgba(30,22,10,.98));border-color:rgba(180,130,55,.28);box-shadow:inset 0 1px 0 rgba(255,200,80,.06),0 8px 20px rgba(0,0,0,.18)}[data-theme=dark] .notes-composer-icon{background:rgba(180,130,55,.15);color:#d4953a}[data-theme=dark] .notes-composer-label{color:#a88050}[data-theme=dark] .note-meta-input,[data-theme=dark] .note-textarea{background:rgba(14,10,4,.6);border-color:rgba(160,115,45,.4);color:#dfc8a0;scrollbar-width:thin;scrollbar-color:rgba(160,115,45,.4) rgba(20,14,6,.5)}[data-theme=dark] .note-textarea::-webkit-scrollbar{width:5px}[data-theme=dark] .note-textarea::-webkit-scrollbar-track{background:rgba(20,14,6,.5);border-radius:99px}[data-theme=dark] .note-textarea::-webkit-scrollbar-thumb{background:rgba(160,115,45,.45);border-radius:99px}[data-theme=dark] .note-textarea::-webkit-scrollbar-thumb:hover{background:rgba(196,131,42,.7)}[data-theme=dark] .note-meta-input::placeholder,[data-theme=dark] .note-textarea::placeholder{color:rgba(180,145,85,.5)}[data-theme=dark] .note-meta-input:focus,[data-theme=dark] .note-textarea:focus{border-color:#c4832a;box-shadow:0 0 0 3px rgba(196,131,42,.14);background:rgba(20,14,6,.75)}[data-theme=dark] .reminder-toggle{background:rgba(30,22,10,.9);border-color:rgba(160,115,45,.4);color:#c09040}[data-theme=dark] .reminder-toggle.active,[data-theme=dark] .reminder-toggle:hover{background:rgba(40,30,12,.95);border-color:rgba(196,131,42,.6)}[data-theme=dark] .reminder-panel{background:linear-gradient(180deg,rgba(32,24,10,.97),rgba(26,18,7,.99));border-color:rgba(160,115,45,.35);box-shadow:inset 0 1px 0 rgba(255,200,80,.04)}[data-theme=dark] .reminder-field span,[data-theme=dark] .reminder-panel-header{color:#8a7050}[data-theme=dark] .reminder-field input{background:rgba(14,10,4,.7);border-color:rgba(160,115,45,.4);color:#dfc8a0;color-scheme:dark}[data-theme=dark] .reminder-field input:focus{border-color:#c4832a;box-shadow:0 0 0 3px rgba(196,131,42,.12)}[data-theme=dark] .reminder-summary{background:rgba(44,30,8,.9);color:#d4a040}[data-theme=dark] .note-clear-btn{background:rgba(30,22,10,.8);border-color:rgba(160,115,45,.35);color:#8a7050}[data-theme=dark] .note-clear-btn:hover{background:rgba(40,30,12,.95);border-color:rgba(196,131,42,.5);color:#c09040}[data-theme=dark] .notes-group-title{color:rgba(160,125,65,.7)}[data-theme=dark] .notes-group-line{background:linear-gradient(90deg,rgba(180,130,55,.22),transparent)}[data-theme=dark] .saved-note{background:linear-gradient(180deg,#201c12,#1c180e);border-color:rgba(180,130,55,.25);box-shadow:inset 0 1px 0 rgba(255,200,80,.04),0 8px 18px rgba(0,0,0,.22)}[data-theme=dark] .saved-note:before{background:linear-gradient(180deg,#c4832a,#e0b050)}[data-theme=dark] .saved-note-title{color:#dfc898}[data-theme=dark] .saved-note-text{color:#bfa880}[data-theme=dark] .saved-note-date{background:rgba(44,32,10,.85);color:rgba(200,155,70,.85)}[data-theme=dark] .saved-note-reminder{background:rgba(20,32,58,.85);color:#60a5fa}[data-theme=dark] .saved-note-reminder.sent{background:rgba(12,36,22,.85);color:#4ade80}[data-theme=dark] .saved-note-delete,[data-theme=dark] .saved-note-delete-approve,[data-theme=dark] .saved-note-delete-cancel,[data-theme=dark] .saved-note-edit{background:rgba(30,22,10,.85);border-color:rgba(160,115,45,.32);box-shadow:inset 0 1px 0 rgba(255,200,80,.06)}[data-theme=dark] .saved-note-edit:hover{background:rgba(15,25,50,.92);border-color:rgba(96,165,250,.4)}[data-theme=dark] .saved-note-delete-approve:hover,[data-theme=dark] .saved-note-delete:hover{background:rgba(45,10,10,.92);border-color:rgba(252,165,165,.4)}[data-theme=dark] .saved-note-delete-cancel:hover{background:rgba(36,28,14,.95);border-color:rgba(160,115,45,.5)}[data-theme=dark] .notes-empty-state{background:linear-gradient(180deg,#1e1a12,#191510);border-color:rgba(180,130,55,.25);color:#8a7050}[data-theme=dark] .notes-empty-icon{background:rgba(180,130,55,.12);color:#c4832a}