:root{--bg-color: #000000;--text-color: #f0f0f0;--header-color: #ffcc00;--header-inactive-actual: #8c7300;--header-inactive-color: #3d351a;--completed-color: #404040;--top3-completed-color: #735c00;--selection-bg: #444444;--selection-text: #ffffff;--font-size: 1.6rem;--line-height: 1.4;--btn-bg: #222222;--btn-border: #555555;--accent-color: #ffcc00;--drag-bg: #1a1a1a;--target-bg: #1a1a1a;--swipe-inactive-bg: var(--header-inactive-actual);--swipe-inactive-text: #ffffff;--swipe-active-bg: var(--header-color);--swipe-active-text: #000000;--swipe-delete-bg: #dc3545;--swipe-top3-bg: var(--accent-color);--swipe-top3-text: #000000;--hover-bg: #111111;--search-bar-bg: #222222;--switch-bg: #222222;--switch-active: #555555;--sync-status-color: #44ff44;--indicator-bg: #ffffff;--indicator-glow: rgba(255, 255, 255, 1);--indicator-glow-dim: rgba(255, 255, 255, .4)}[data-theme=light]{--bg-color: #ffffff;--text-color: #111111;--header-color: #ff6600;--accent-color: #ff6600;--header-inactive-actual: #ffb380;--header-inactive-color: #fff0e6;--completed-color: #d0d0d0;--top3-completed-color: #ffb380;--selection-bg: #e0e0e0;--selection-text: #000000;--btn-bg: #ffffff;--btn-border: #bbbbbb;--drag-bg: #f5f5f5;--swipe-inactive-bg: var(--header-inactive-color);--swipe-inactive-text: #cc5200;--swipe-active-bg: var(--header-color);--swipe-active-text: #ffffff;--swipe-top3-bg: var(--accent-color);--swipe-top3-text: #ffffff;--hover-bg: #f9f9f9;--search-bar-bg: #eeeeee;--switch-bg: #dddddd;--switch-active: #ffffff;--sync-status-color: #008037;--indicator-bg: #000000;--indicator-glow: rgba(0, 0, 0, .8);--indicator-glow-dim: rgba(0, 0, 0, .3)}.no-select{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}::selection{background-color:var(--selection-bg);color:var(--selection-text)}#editor div::selection{background-color:var(--selection-bg);color:var(--selection-text)}body,html{background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:auto;user-select:auto;cursor:default;transition:background-color .3s ease,color .3s ease;-webkit-user-drag:none;touch-action:manipulation}#app-container{position:relative;min-height:100vh;background-color:var(--bg-color)}#swipe-bg{position:absolute;left:0;width:100%;display:flex;align-items:center;opacity:0;z-index:0;pointer-events:none;box-sizing:border-box;padding:0 30px;font-weight:900;font-size:1.2rem;transition:opacity .1s ease,background .1s ease;border-radius:8px}#swipe-bg .left-content{flex:1;display:flex;justify-content:flex-start}#swipe-bg .right-content{flex:1;display:flex;justify-content:flex-end}#swipe-bg span{display:none;font-weight:900;letter-spacing:-.02em}#editor{position:relative;z-index:1;min-height:100vh;padding:66px 15px 400px;box-sizing:border-box;outline:none;font-size:var(--font-size);line-height:var(--line-height);-webkit-user-select:text;user-select:text;cursor:default;caret-color:var(--text-color);counter-reset:top3-counter;text-decoration:none!important;touch-action:pan-y;-webkit-user-drag:none}#editor.swiping-active{caret-color:transparent!important;user-select:none!important;-webkit-user-select:none!important}#editor.text-edit-mode{cursor:text!important;caret-color:var(--text-color)!important;-webkit-user-select:text!important;user-select:text!important}#editor.text-edit-mode div{cursor:text!important}#editor:after{content:"";display:block;border-top:1px dashed #333;padding-top:5px;width:100%;pointer-events:none}#editor div{position:relative;min-height:calc(var(--line-height) * 1em);padding-right:0;background-color:var(--bg-color);word-break:break-all;white-space:pre-wrap;margin:0;-webkit-user-drag:none;color:var(--text-color);text-decoration:none!important;cursor:default;transition:margin-left .2s ease-out,background-color .1s ease,transform .2s ease;transform:translateZ(0);border-left:0px solid transparent;display:block;width:100%;box-sizing:border-box;-webkit-text-decoration:none!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}#editor div.search-match{text-shadow:0 0 10px var(--header-color);background-color:var(--header-inactive-color)!important;border-radius:4px}#editor div.unit-hover{background-color:var(--hover-bg)!important}#editor div *{color:inherit!important;text-decoration:inherit!important;font-weight:inherit!important;background:transparent!important}#editor div.group-header{color:var(--header-color)!important;font-weight:800;position:relative;margin-top:0;padding-bottom:0;border:none;background:transparent;display:block}#editor div.group-header:before{display:none!important}#app-container #editor div.group-header:after{content:"+"!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;margin-left:10px!important;vertical-align:middle!important;background:var(--btn-bg)!important;border:1.5px solid var(--btn-border)!important;border-radius:6px!important;color:var(--text-color)!important;font-size:16px!important;font-weight:900!important;pointer-events:none!important;box-sizing:border-box!important;box-shadow:0 1px 3px #0003!important;transform:translateY(-2px)}#editor div.group-header.completed{color:var(--top3-completed-color)!important}#editor div.top3-item{color:var(--accent-color)!important;font-weight:600}#editor div.completed{color:var(--completed-color)!important}#editor div.top3-item.completed{color:var(--top3-completed-color)!important}#editor div.top3-item.completed:before{color:var(--top3-completed-color)!important}#editor div.top3-item.completed:after{color:var(--top3-completed-color)!important;opacity:1}#editor div.top3-header{color:var(--header-color)!important;font-weight:900!important;border-bottom:2px solid var(--header-inactive-color);border-left:none!important;border-right:none!important;margin-bottom:0;padding-bottom:8px;padding-top:10px;cursor:default!important;background-color:var(--bg-color);box-sizing:border-box;margin-top:0;transform:translateZ(0)}#editor div.top3-item{cursor:default!important;background-color:var(--bg-color)!important;border-left:8px solid var(--accent-color);border-right:none!important;box-sizing:border-box;transform:translateZ(0)}#editor div.top3-header:focus,#editor div.top3-item:focus{cursor:text!important}#editor div:not(.is-empty):after{display:none!important}#editor div.wrapped{box-shadow:inset 0 0 0 1px #fff3;background:#ffffff0a!important}#editor div.wrapped:before{content:"↩";position:absolute;left:8px;top:.6em;font-size:.9rem;color:var(--accent-color);opacity:.85;pointer-events:none}#editor div.top3-header:after{display:none!important}#editor div.is-empty:after{display:none!important}#editor div.top3-item{counter-increment:top3-counter;padding-left:15px;padding-top:6px;padding-bottom:6px}#editor div.top3-item:before{content:counter(top3-counter) ". ";font-weight:900;margin-right:4px;display:inline!important}#editor div.top3-item-last{border-bottom:2px solid var(--header-inactive-color);margin-bottom:15px}#editor div.top3-item:after{top:calc(.7em + 6px)}#editor div.dragging{position:absolute!important;width:calc(100% - 30px)!important;left:15px!important;background-color:var(--hover-bg)!important;z-index:1000!important;opacity:.9;transition:none!important;box-shadow:0 10px 30px #000c!important;pointer-events:none}#editor div.drag-top3-ready{box-shadow:inset 0 0 0 2px var(--accent-color),0 10px 30px #000c!important;color:var(--accent-color)!important}#editor div.drag-ready{background-color:var(--hover-bg)!important}#editor div.temp-drag-t3{z-index:1000!important;counter-increment:none!important;border-left-color:transparent!important;background-clip:padding-box!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}#editor div.temp-drag-t3:before{display:none!important}#editor div.drag-placeholder-t3{visibility:visible!important;color:transparent!important;background-color:var(--bg-color)!important;border-left:8px solid var(--accent-color)!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}#editor div.drag-placeholder-t3:before{display:none!important}#editor div.swiping{transition:none!important}#drop-indicator{position:absolute;left:15px;right:15px;height:4px;background-color:var(--indicator-bg);box-shadow:0 0 15px 4px var(--indicator-glow),0 0 30px 8px var(--indicator-glow-dim);z-index:1001;pointer-events:none;display:none;border-radius:10px;transition:top .1s cubic-bezier(.2,.8,.2,1)}@keyframes item-flash{0%,15%{text-shadow:0 0 10px currentColor,0 0 20px currentColor;background-color:var(--hover-bg)!important;z-index:10;border-radius:4px}to{text-shadow:none;background-color:var(--bg-color);z-index:auto;border-radius:0}}#editor div.highlight-flash{animation:item-flash 2.5s cubic-bezier(.1,.8,.2,1) forwards}#status-bar{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;z-index:100;background-color:var(--bg-color);display:flex;flex-direction:column;padding:0;border-bottom:1px solid var(--btn-border);cursor:default;transition:background-color .3s ease}.header-top{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 15px;box-sizing:border-box}.left-group{display:flex;align-items:center;gap:10px}.logo-sync-container{display:inline-flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.app-title-text{font-size:1.1rem;font-weight:900;color:var(--text-color);letter-spacing:-.01em;line-height:1}#sync-status{font-size:.55rem;color:#888;font-weight:900;letter-spacing:.05em;margin-top:1px;line-height:1}#globe-icon{opacity:.2;transition:opacity .5s ease,filter .5s ease;filter:grayscale(1);cursor:pointer;animation:bounce 4s infinite ease-in-out;flex-shrink:0;margin-left:2px}#globe-icon.online{opacity:1;filter:grayscale(0) drop-shadow(0 0 4px rgba(255,255,255,.6))}#theme-switch{display:flex;background:var(--switch-bg);padding:2px;border-radius:8px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid var(--btn-border);flex-shrink:0;box-shadow:0 1px 3px #0000001a}.theme-option{padding:4px 6px;font-size:.55rem;font-weight:900;position:relative;z-index:2;color:var(--text-color);opacity:.4;transition:opacity .3s ease}.theme-option.active{opacity:1}#theme-indicator{position:absolute;top:2px;bottom:2px;left:2px;width:26px;background:var(--switch-active);border-radius:6px;z-index:1;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000026}.search-icon-btn{background:transparent;border:none;color:var(--text-color);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:0}.search-icon-btn:hover{opacity:1}#search-panel{display:none;width:100%;padding:8px 15px;box-sizing:border-box;background-color:var(--bg-color);border-top:1px solid var(--btn-border);align-items:center;gap:8px}#search-input-full{flex:1;border:none;background:var(--search-bar-bg);color:var(--text-color);padding:8px 12px;border-radius:8px;font-size:.85rem;outline:none;box-sizing:border-box;box-shadow:inset 0 1px 2px #0000001a}.close-search-btn{background:var(--btn-bg);color:var(--text-color);border:1px solid var(--btn-border);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.close-search-btn:active{transform:scale(.92)}.right-group{display:flex;align-items:center;gap:4px}.hist-btn{background:var(--btn-bg);color:var(--text-color);border:1.5px solid var(--btn-border);border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-weight:900;font-size:.65rem;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.hist-btn:active:not(:disabled){transform:scale(.92)}.hist-btn:disabled{opacity:.3;cursor:default}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes ai-pulse{0%,to{background-color:var(--btn-bg);color:var(--text-color);box-shadow:none}50%{background-color:var(--accent-color);color:#000;box-shadow:0 0 15px var(--accent-color)}}.ai-loading{animation:ai-pulse .8s infinite!important;pointer-events:none}#toast-msg{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:10px 20px;border-radius:20px;z-index:9999;font-size:.9rem;opacity:0;transition:opacity .3s;pointer-events:none;border:1px solid #333;box-shadow:0 5px 15px #00000080;font-weight:700}[data-theme=light] #toast-msg{background:#ffffffe6;color:#000;border:1px solid #ccc}#tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:10000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .4s ease}[data-theme=light] #tutorial-overlay{background:#ffffffe6;color:#111}.tut-box{background:#222;border-radius:16px;padding:20px;margin:10px 0;width:85%;max-width:320px;border:1px solid #444;box-shadow:0 10px 25px #00000080}[data-theme=light] .tut-box{background:#f5f5f5;border-color:#ddd;box-shadow:0 10px 25px #0000001a}.tut-title{color:var(--header-color);font-weight:900;font-size:1.15rem;margin-bottom:12px}.tut-desc{font-size:.95rem;line-height:1.5;color:#ccc}[data-theme=light] .tut-desc{color:#555}#close-tutorial{margin-top:30px;padding:14px 30px;background:var(--header-color);color:#000;font-weight:900;border:none;border-radius:25px;cursor:pointer;font-size:1.05rem;box-shadow:0 4px 15px #fc06;transition:transform .2s}#close-tutorial:active{transform:scale(.95)}[data-theme=light] #close-tutorial{color:#fff;box-shadow:0 4px 15px #f606}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#globe-icon.syncing{animation:spin 2s linear infinite;color:var(--accent-color)}#toast-msg.error{background:#f44;color:#fff}#toast-msg.success{background:#00c851;color:#fff}