:root{--module-danger:var(--error-color);--module-success:var(--success-color);--module-warning:var(--warning-color);--module-bg:var(--bg-hover);--module-card-bg:var(--bg-white);--module-shadow-sm:var(--shadow-sm);--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;background-color:var(--bg-white)}.main:not(.selected){display:none!important}.main .context_header{display:flex;flex-direction:column;padding:10px 15px;background-color:var(--bg-menu)}.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:var(--primary-color);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);margin-bottom:10px;overflow:auto}.tab{padding:8px 15px;cursor:pointer;border-bottom:1px solid transparent;color:var(--text-light)}.tab:hover{background-color:var(--bg-hover)}.tab.active{border-bottom-color:var(--text-light)}.tabs_spacer{flex:1}.header_btn{background:var(--bg-hover);color:var(--text-color);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;line-height:0.9}.main>.content{display:flex;flex-direction:column;flex:1;overflow-y:auto;gap:16px;padding:10px;-ms-overflow-style:none;scrollbar-width:none}.main>.content::-webkit-scrollbar{display:none}.main>.content:not(.active){display:none}.btn_action.save_btn{color:var(--primary-color)}.btn_action.save_btn:hover{filter:brightness(1.1)}.btn_action.delete_btn{color:var(--module-danger)}.btn_action.delete_btn:hover{filter:brightness(1.1)}.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(--primary-color);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:var(--bg-menu);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}.tags_select{display:flex;flex-wrap:wrap;gap:10px}.tag_pill{display:inline-block;padding:6px 16px;margin:0;border-radius:16px;background:var(--bg-blue-1);font-weight:500;cursor:pointer;user-select:none;border:1px solid var(--border-color);font-size:14px}.tag_pill:hover{background:var(--bg-blue-5)}.tag_pill.selected{background:var(--bg-blue-10)}.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:var(--text-light);background-color:var(--bg-hover)}.thread_tag.to_you{background-color:var(--bg-selected);color:var(--primary-color)}.thread_tag.from_you{background-color:var(--bg-selected);color:var(--success-color)}.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:var(--context-light);color:var(--context-color)}.action_toggle.work{background-color:var(--bg-selected);color:var(--primary-color)}.action_toggle.important{background-color:var(--bg-selected);color:var(--warning-color)}.action_toggle.block{background-color:var(--error-light);color:var(--error-color)}.action_toggle.select{background-color:rgba(52,168,83,0.1);color:var(--success-color)}.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:var(--bg-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:var(--bg-hover);color:var(--text-light);transition:all 0.2s}.card_info .view_toggle:hover{filter:brightness(1.1)}.card_info .view_toggle.active{background-color:var(--bg-selected);color:var(--primary-color)}.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:var(--bg-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:var(--error-color);color:var(--bg-white);border-radius:4px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:5px}.filter_actions button:hover{filter:brightness(1.1)}.history_container{display:flex;flex-direction:column;gap:10px;width:100%;max-width:800px}.history_item{display:flex;padding:12px 15px;background-color:var(--bg-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:var(--text-light);border-right:1px solid var(--border-color);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:var(--bg-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:var(--bg-hover);padding:10px;text-align:left;font-weight:500;color:var(--text-color);border-bottom:1px solid var(--border-color);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:var(--bg-white);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);transform:translateX(100dvw)}.main.selected{display:flex;transform:translateX(0)}.main:not(.selected){display:flex;transform:translateX(100dvw)}}