:root{--module-primary:#2563eb;--module-primary-hover:#1d4ed8;--module-danger:#ef4444;--module-danger-hover:#dc2626;--module-success:#34A853;--module-warning:#f29900;--module-bg:#f9f9f9;--module-card-bg:white;--module-shadow-sm:0 1px 3px rgba(0,0,0,0.05);--module-shadow-md:0 2px 5px rgba(0,0,0,0.05);--module-radius-sm:4px;--module-radius-md:8px;--module-radius-lg:12px}.main{display:flex;flex-direction:column;flex:1;overflow:auto;height:100dvh;padding-bottom:80px;background-color:white}.main:not(.selected){display:none}.main .context_header{display:flex;flex-direction:column;padding:10px 15px;background-color:#f9f9f9}.main .action_buttons{display:flex;gap:10px}.main .loading_btn{position:relative;pointer-events:none;opacity:0.7}.main .loading_btn::after{content:"";position:absolute;width:16px;height:16px;top:calc(50% - 8px);right:10px;border:2px solid rgba(0,0,0,0.1);border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs_container{display:flex;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:10px;overflow:scroll}.tab{padding:8px 15px;cursor:pointer;border-bottom:2px solid transparent;transition:all 0.2s ease;font-weight:500;color:#666}.tab:hover{color:#333;background-color:rgba(0,0,0,0.05)}.tab.active{border-bottom-color:var(--module-primary);color:var(--module-primary)}.tabs_spacer{flex:1}.header_btn{background:#f5f5f5;color:#444;border:none;border-radius:4px;cursor:pointer;padding:4px 8px;display:flex;align-items:center;font-size:16px;gap:4px;opacity:0.8;width:fit-content}.header_btn:hover{opacity:1}.header_btn span{font-size:14px}.main>.content{display:flex;flex-direction:column;flex:1;overflow-y:auto;gap:20px;padding:20px}.main>.content:not(.active){display:none}.module_header{font-size:22px;font-weight:500;display:flex;flex-wrap:wrap;align-items:center;line-height:1.1;background-color:#fffffff2;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:8px 12px;position:sticky;top:0;z-index:1;justify-content:space-between;width:100%}.module_header_btn{display:flex;align-items:center;justify-content:center;cursor:pointer;width:32px;height:32px;border-radius:50%}.module_header_btn:hover{background-color:var(--bg-hover)}.module_header_info{display:flex;flex-direction:column;align-items:center;cursor:pointer}.btn_action.save_btn{color:var(--module-primary)}.btn_action.save_btn:hover{background-color:#e8f0fe;color:var(--module-primary-hover)}.btn_action.delete_btn{color:var(--module-danger)}.btn_action.delete_btn:hover{background-color:#fce8e6;color:var(--module-danger-hover)}.btn_action .material-symbols-outlined{font-size:18px}.loading_btn{position:relative;pointer-events:none;opacity:0.7}.loading_btn::after{content:"";position:absolute;width:16px;height:16px;top:calc(50% - 8px);right:10px;border:2px solid rgba(0,0,0,0.1);border-top-color:var(--module-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:0.7}100%{opacity:1}}.meta_item{display:inline-flex;align-items:center;padding:4px 8px;background:rgba(0,0,0,0.04);border-radius:var(--module-radius-sm);font-size:13px;color:#666}.meta_item .material-symbols-outlined{font-size:16px;margin-right:6px;flex-shrink:0}.onlychild_show:not(:only-child){display:none}.thread_tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#5f6368;background-color:#f1f3f4}.thread_tag.to_you{background-color:#e8f0fe;color:var(--module-primary)}.thread_tag.from_you{background-color:#e6f4ea;color:var(--module-success)}.action_toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:30px;font-size:14px;font-weight:500;cursor:pointer;opacity:0.4;transition:opacity 0.2s}.action_toggle:hover{opacity:0.9}.action_toggle.active{opacity:1}.action_toggle:active{opacity:0.7}.action_toggle.family{background-color:#E8E0FF;color:#6200EE}.action_toggle.work{background-color:#e8f0fe;color:var(--module-primary)}.action_toggle.important{background-color:#fef7e0;color:var(--module-warning)}.action_toggle.block{background-color:#fce8e6;color:var(--module-danger)}.action_toggle.select{background-color:#e6f4ea;color:var(--module-success)}.card{display:flex;align-items:center;scroll-snap-align:center}.card.accepted{border-left:4px solid #34A853}.card_info{padding:20px;display:grid;grid-template-rows:auto auto auto auto 1fr auto auto;grid-template-columns:1fr 1fr;grid-template-areas:"view view" "title title" "tags tags" "tasks tasks" "context context" "owner time" "site site";gap:12px;border-radius:12px;background:white;height:70dvh;width:calc(70dvh* 0.66);box-shadow:0 2px 8px rgba(0,0,0,0.05)}.card_info .view_toggles{grid-area:view;display:flex;gap:10px;margin-bottom:5px}.card_info .view_toggle{padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500;cursor:pointer;background-color:#f1f3f4;color:#5f6368;transition:all 0.2s}.card_info .view_toggle:hover{background-color:#e8eaed}.card_info .view_toggle.active{background-color:#e8f0fe;color:#1967d2}.card_info .card_title{grid-area:title;font-weight:600;font-size:16px;margin:0;color:#333;line-height:1.4}.card_info .thread_tags{grid-area:tags;display:flex;justify-content:flex-end;gap:8px;min-height:24px}.card_info .card_context{grid-area:context;overflow-y:auto;max-height:40vh;display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:8px}.card_info .meta_item.owner{grid-area:owner;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card_info .meta_item.time{grid-area:time;justify-self:end}.card_info .meta_item.site{grid-area:site;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card_actions{padding:20px;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"family family" "work work" "important important" "block select";gap:12px;align-content:center}.filter_item{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background-color:white;border-radius:4px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.filter_info{display:flex;flex-direction:column;gap:5px}.filter_site{font-weight:500;color:#333}.filter_parent{font-size:13px;color:#666}.filter_actions button{padding:5px 10px;border:none;background-color:#f44336;color:white;border-radius:4px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:5px}.filter_actions button:hover{background-color:#d32f2f}.history_container{display:flex;flex-direction:column;gap:10px;width:100%;max-width:800px}.history_item{display:flex;padding:12px 15px;background-color:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05);cursor:pointer}.history_item:hover{background-color:#f9f9f9}.history_item_time{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;font-size:12px;color:#666;border-right:1px solid #eee;padding-right:15px}.history_item_content{flex:1;padding-left:15px}.history_item_title{font-weight:500;margin-bottom:5px}.history_item_action{font-size:13px;color:#666}.analytics_container{width:100%;max-width:1000px;margin:0 auto}.analytics_section{background-color:white;border-radius:8px;padding:20px;margin-bottom:20px}.analytics_section h2{font-size:18px;font-weight:600;margin-top:0;margin-bottom:15px;color:#333}.timeline_chart{height:300px;margin-bottom:20px}.extension_data_container{overflow-x:auto}.extension_data_table{width:100%;border-collapse:collapse;margin-bottom:20px}.extension_data_table th{background-color:#f5f5f5;padding:10px;text-align:left;font-weight:500;color:#333;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:10}.extension_data_table td{padding:8px 10px;border-bottom:1px solid #eee}.extension_data_table tr:hover{background-color:#f9f9f9}@container (max-width:600px){.action_toggle{width:40px;height:40px;padding:0;border-radius:50%;justify-content:center}.action_toggle span:not(.material-symbols-outlined){display:none}.card{flex-direction:column}.card_actions{padding:10px 0px;grid-template-columns:repeat(5,auto);grid-template-areas:"block family work important select"}.toggle{width:40px;height:40px;padding:0;border-radius:50%;justify-content:center}.toggle span:not(.material-symbols-outlined){display:none}.toggle.to_tasks{width:auto;padding:0 16px;border-radius:30px}.toggle.to_tasks .btn_text{display:inline}}@media (max-width:760px){.main{position:fixed;width:100dvw;z-index:2;background:white;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);transform:translateX(100dvw);padding-bottom:120px}.main.selected{display:flex;transform:translateX(0)}.main:not(.selected){display:flex;transform:translateX(100dvw)}}