@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700&family=IBM+Plex+Sans+KR:wght@300;400;500;600;700&family=Gowun+Dodum&family=Nanum+Pen+Script&family=Sunflower:wght@300;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";@import "https://cdn.jsdelivr.net/npm/galmuri@latest/dist/galmuri.css";:root{--color-bg:#f5f0e8;--color-surface:#faf7f2;--color-surface-raised:#fffdf9;--color-border:#7864461a;--color-grid-gap:#e8e0d0;--color-text:#2c2518;--color-text-secondary:#7a6e5f;--color-text-muted:#b0a490;--color-accent:#7a8c6e;--color-accent-hover:#67785c;--color-accent-subtle:#eef1ea;--color-danger:#a87060;--color-danger-hover:#8f5c4d;--color-danger-subtle:#a8706014;--color-important:#f0b44c;--color-sunday:#c06848;--color-saturday:#6a9a54;--color-today-bg:#7a8c6e;--color-today-text:#fff;--color-other-month-bg:#ede8df;--color-other-month-text:#c0b8a8;--color-cell-hover:#faf6ee2f;--event-bar-bg:#78644612;--color-todo-section-label:var(--color-text-secondary);--color-todo-date-label:var(--color-text-muted);--radius-sm:4px;--radius-md:7px;--radius-lg:11px;--radius-xl:14px;--radius-full:999px;font-family:var(--font-family-global,"Noto Serif KR", serif);font-size:var(--font-size-base,14px);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.5}[data-theme=dark]{--color-bg:#0e0e12;--color-surface:#15151b;--color-surface-raised:#1c1e25;--color-border:#6478aa24;--color-grid-gap:#07070b;--color-text:#d4dbe8;--color-text-secondary:#a9b1c1;--color-text-muted:#7f8ba0;--color-accent:#547b9e;--color-accent-hover:#6d96b9;--color-accent-subtle:#101c32;--color-danger:#c87070;--color-danger-hover:#da8585;--color-danger-subtle:#c870701a;--color-important:#f2cf7d;--color-sunday:#d45656;--color-saturday:#4a9ad8;--color-today-bg:#5984af;--color-today-text:#fff;--color-other-month-bg:#090a12;--color-other-month-text:#61708a;--color-cell-hover:#506eaa1f;--event-bar-bg:#6478aa1a;--color-todo-section-label:var(--color-text-secondary);--color-todo-date-label:var(--color-text-muted)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior:none;min-height:100%}body{background:var(--color-bg);overscroll-behavior:none;min-height:100dvh;overflow:hidden}::view-transition-old(root){animation-duration:.4s;animation-timing-function:ease}::view-transition-new(root){animation-duration:.4s;animation-timing-function:ease}::view-transition-old(root){animation-name:theme-fade-out}::view-transition-new(root){animation-name:theme-fade-in}@keyframes theme-fade-out{0%{opacity:1}to{opacity:0}}@keyframes theme-fade-in{0%{opacity:0}to{opacity:1}}#root{overscroll-behavior:none;-webkit-overflow-scrolling:touch;width:100%;height:100dvh;min-height:100vh;overflow:hidden auto}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;text-align:left;background:0 0;border:none;line-height:1.5}input,textarea,select{font-family:inherit;font-size:inherit;line-height:1.5}ul,li{list-style:none}.app{overscroll-behavior:none;flex-direction:column;min-height:100dvh;display:flex}.app-header{background:var(--color-surface);align-items:center;gap:12px;padding:12px 24px;display:flex}.app-header-inner{flex:1;align-items:center;gap:16px;display:flex}.app-logo{align-items:center;gap:8px;display:flex}.app-logo--clickable{cursor:pointer}.app-header-context{color:var(--color-text-muted);letter-spacing:-.1px;font-size:12px;font-weight:600}.app-logo-icon{opacity:.75;font-size:20px}.app-logo-text{color:var(--color-text);letter-spacing:-.2px;font-size:16px;font-weight:600}.app-content{flex:1;min-height:0;display:flex}.sidebar-wrapper{z-index:300;width:12px;height:100dvh;position:fixed;top:0;left:0}.app-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:0 var(--radius-xl) var(--radius-xl) 0;flex-direction:column;align-items:center;gap:4px;width:45px;height:75%;padding:16px 0;transition:transform .22s;display:flex;position:absolute;top:12.5%;left:0;transform:translate(-100%)}.sidebar-wrapper:hover .app-sidebar{transform:translate(0)}.sidebar-item{border-radius:var(--radius-lg);width:37px;color:var(--color-text-muted);background:0 0;flex-direction:column;align-items:center;gap:4px;padding:clamp(7px,1.2vh,12px) 0;transition:background .15s,color .15s;display:flex}.sidebar-item:hover{background:var(--color-border);color:var(--color-text-secondary)}.sidebar-item.active{background:var(--color-accent-subtle);color:var(--color-accent)}html:not([data-theme=dark]) .sidebar-item.active{color:#4e3218;background:#ece4d5}.sidebar-label{letter-spacing:.2px;font-size:10px;font-weight:500}.app-main{flex:1;min-width:0;padding:16px 20px 28px 40px}.app-body{grid-template-columns:3fr 2fr;align-items:start;gap:20px;display:grid}.app-body--diary{grid-template-columns:1fr;width:100%;max-width:70%;margin:0 auto}.theme-toggle-btn{width:34px;height:34px;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.theme-toggle-btn:hover{background:var(--color-border);color:var(--color-text-secondary)}.nl-input-container{padding:4px 0}.nl-input-form{display:flex}.nl-input-wrap{flex:1;align-items:center;display:flex;position:relative}.nl-input{border:.75px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);background:var(--color-surface-raised);outline:none;flex:1;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 18px -4px #0000002e,inset 0 1px 3px #ffffff0a}.nl-input:focus{border-color:#c8b9a0cc;box-shadow:0 6px 24px -4px #00000038,inset 0 1px 3px #ffffff0a}[data-theme=dark] .nl-input{box-shadow:0 4px 20px -4px #00143c80,inset 0 1px 2px #ffffff08}[data-theme=dark] .nl-input:focus{border-color:#5a96cc4d;box-shadow:0 6px 28px -4px #00143c99,0 0 0 3px #5a96cc0f,inset 0 1px 2px #ffffff08}.nl-input::placeholder{color:var(--color-text-muted)}.nl-input:disabled{opacity:.5;cursor:not-allowed}.nl-loading-spinner{border:1.5px solid var(--color-border);border-top-color:var(--color-accent);pointer-events:none;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;position:absolute;right:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nl-error{background:var(--color-danger-subtle);border-radius:var(--radius-md);color:var(--color-danger);align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:13px;animation:.2s nlErrorSlideIn;display:flex}.nl-error.exiting{animation:.35s forwards nlErrorSlideOut}@keyframes nlErrorSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes nlErrorSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.error-icon{background:var(--color-danger);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex}.calendar-section{border-radius:var(--radius-lg);overflow:auto}.diary-zoom-wrapper{touch-action:none;width:100%}.calendar-view{flex-direction:column;display:flex}.calendar-header{justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.calendar-title{color:var(--color-text);letter-spacing:-.2px;background:var(--color-surface);border-radius:var(--radius-full);padding:6px 14px;font-size:15px;font-weight:600;display:inline-block}.calendar-header-right{align-items:center;gap:4px;display:flex}.cal-nav-btn{border-radius:var(--radius-md);color:var(--color-text-secondary);background:0 0;padding:5px 11px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.cal-nav-btn:hover{background:var(--color-border);color:var(--color-text)}.cal-nav-btn.icon-btn{padding:5px 9px;font-size:15px}.view-mode-btn{width:32px;height:32px;color:var(--color-text-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.view-mode-btn:hover{background:var(--color-border);color:var(--color-text-secondary)}.calendar-day-headers{grid-template-columns:repeat(7,1fr);padding:0 2px;display:grid}.day-header{text-align:center;color:var(--color-text-muted);letter-spacing:.3px;padding:6px 4px;font-size:11px;font-weight:500}.day-header.sunday{color:var(--color-sunday);opacity:.7}.day-header.saturday{color:var(--color-saturday);opacity:.7}.calendar-grid-wrapper{-webkit-user-select:none;user-select:none;position:relative}.calendar-grid{background:var(--color-grid-gap);grid-template-rows:repeat(5,119px);grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.calendar-grid--weekly{grid-template-rows:119px}.calendar-grid--6weeks{grid-template-rows:repeat(6,119px)}@keyframes slide-in-from-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}.calendar-anim-wrapper{overflow:hidden}.calendar-anim-wrapper.slide-forward{animation:.22s ease-out slide-in-from-right}.calendar-anim-wrapper.slide-backward{animation:.22s ease-out slide-in-from-left}.calendar-events-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.calendar-cell{background:var(--color-bg);cursor:pointer;padding:6px 5px 4px;transition:background .1s;overflow:hidden}.calendar-cell:hover{background:var(--color-cell-hover)}.calendar-cell.other-month .cell-day{color:var(--color-other-month-text);opacity:.45}.calendar-cell.today{background:var(--color-bg)}.calendar-cell.today:hover{background:var(--color-cell-hover)}.cell-day{width:22px;height:22px;color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;margin-bottom:2px;font-size:12px;font-weight:500;display:inline-flex}.calendar-grid>.calendar-cell:nth-child(7n+1) .cell-day{color:var(--color-sunday)}.calendar-grid>.calendar-cell:nth-child(7n) .cell-day{color:var(--color-saturday)}.calendar-grid>.calendar-cell.holiday .cell-day{color:var(--color-sunday)}.cell-holiday-name{color:var(--color-sunday);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 30px);margin-left:4px;font-size:10px;font-weight:500;display:inline-block;overflow:hidden}.calendar-cell.other-month .cell-holiday-name{opacity:.4}.cell-day.today-badge{background:var(--color-today-bg);font-weight:600;color:var(--color-today-text)!important}.cell-events-wrap{position:relative}.cell-events{scrollbar-width:none;flex-direction:column;gap:2px;max-height:84px;display:flex;overflow-y:auto}.cell-events::-webkit-scrollbar{display:none}.event-chip{border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;z-index:1;align-items:center;gap:3px;width:100%;min-height:18px;padding:2px 5px;font-size:10.5px;transition:filter .25s;display:flex;position:relative;overflow:visible}.event-chip:hover{filter:brightness(.78)}.event-bar{pointer-events:all;cursor:pointer;color:var(--color-text);white-space:nowrap;align-items:center;padding:0 6px;font-size:11px;transition:filter .25s;display:flex;position:absolute;overflow:visible}.event-bar:hover{filter:brightness(.78)}[data-theme=dark] .event-chip,[data-theme=dark] .event-bar,[data-theme=dark] .drag-ghost-chip{color:#fff}.event-bar-title{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}[data-bold-mode=title] .event-bar-title,[data-bold-mode=bold] .event-bar-title,[data-bold-mode=bold] .event-time{font-weight:600}.event-time{opacity:.85;flex-shrink:0;font-size:10px;font-weight:500}.event-title-chip{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}[data-bold-mode=title] .event-title-chip,[data-bold-mode=bold] .event-title-chip{font-weight:600}.event-overflow{color:var(--color-text-muted);padding:1px 4px;font-size:11px}.side-panel{flex-direction:column;gap:16px;display:flex;position:sticky;top:16px}.friend-workspace{align-items:stretch}.friend-workspace__calendar-section{flex-direction:column;gap:16px;display:flex}.friend-workspace__hero{border:1px solid var(--color-border);border-radius:calc(var(--radius-xl) + 2px);background:linear-gradient(135deg, color-mix(in srgb, var(--color-surface-raised) 84%, #fff 16%), color-mix(in srgb, var(--color-surface) 92%, #f5efe5 8%));flex-direction:column;gap:10px;padding:18px 20px;display:flex}.friend-workspace__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px;font-weight:800}.friend-workspace__hero-main{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.friend-workspace__title-group{flex-direction:column;gap:8px;min-width:0;display:flex}.friend-workspace__back-btn{color:var(--color-text-muted);background:0 0;border:none;align-self:flex-start;align-items:center;gap:8px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.friend-workspace__back-btn:hover{color:var(--color-text)}.friend-workspace__title{color:var(--color-text);margin:0;font-size:clamp(24px,3vw,34px);line-height:1}.friend-workspace__subtitle{color:var(--color-text-secondary);margin:0;font-size:13px}.friend-workspace__badge{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent) 10%, transparent);color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex}.friend-workspace__calendar-shell{border:1px solid var(--color-border);border-radius:calc(var(--radius-xl) + 2px);background:color-mix(in srgb, var(--color-surface-raised) 88%, #fff 12%);padding:18px;position:relative;overflow:hidden}.friend-workspace__calendar-shell .calendar-grid-wrapper{border-radius:var(--radius-xl);overflow:hidden}.friend-workspace__calendar-shell .calendar-cell{cursor:default}.friend-workspace__calendar-shell .event-chip,.friend-workspace__calendar-shell .event-bar{cursor:pointer}.friend-workspace__status-card{text-align:center;border:1px solid var(--color-border);border-radius:calc(var(--radius-xl) + 2px);background:color-mix(in srgb, var(--color-surface-raised) 92%, #fff 8%);min-height:480px;color:var(--color-text-muted);place-items:center;padding:28px;font-size:14px;display:grid}.friend-workspace__status-card--error{color:var(--color-danger)}.friend-workspace__empty-overlay{text-align:center;color:var(--color-text-muted);border-radius:var(--radius-xl);pointer-events:none;background:linear-gradient(#f9f6f0e6,#f9f6f0c7);place-items:center;font-size:13px;display:grid;position:absolute;inset:98px 18px 18px}.friend-workspace__side-panel{gap:14px}.friend-workspace__side-card{border:1px solid var(--color-border);border-radius:calc(var(--radius-lg) + 2px);background:color-mix(in srgb, var(--color-surface-raised) 90%, #fff 10%);padding:16px 16px 18px}.friend-workspace__side-heading{color:var(--color-text);margin-bottom:6px;font-size:13px;font-weight:800}.friend-workspace__side-copy{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.6}.friend-workspace__todo-placeholder{text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-lg);min-height:180px;color:var(--color-text-muted);place-items:center;padding:20px;font-size:12px;display:grid}.friend-workspace__todo-placeholder--error{color:var(--color-danger)}.friend-workspace__return-card{padding-top:0}.friend-workspace__return-btn{border:.75px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .15s;display:flex;box-shadow:0 4px 18px -4px #0000002e,inset 0 1px 3px #ffffff0a}.friend-workspace__return-btn:hover{border-color:#c8b9a0cc;box-shadow:0 6px 24px -4px #00000038,inset 0 1px 3px #ffffff0a}.friend-workspace__return-main{align-items:center;gap:12px;min-width:0;display:flex}.friend-workspace__return-avatar{object-fit:cover;background:var(--color-cell-hover);border-radius:50%;flex-shrink:0;width:40px;height:40px}.friend-workspace__return-avatar--fallback{color:var(--color-text-secondary);place-items:center;font-size:14px;font-weight:700;display:grid}.friend-workspace__return-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.friend-workspace__return-pill{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent) 10%, transparent);color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.friend-workspace__return-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.friend-workspace__return-sub{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.friend-workspace__return-action{flex-direction:column;align-items:flex-end;gap:8px;min-width:0;margin-left:auto;display:flex}.friend-workspace__return-action-row{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.friend-workspace__return-label{color:var(--color-text);white-space:nowrap;font-size:13px;font-weight:700}.friend-workspace__return-arrow{color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}html:not([data-theme=dark]) .todo-list{--color-accent:#1a1a1a;--color-accent-hover:#333;--color-accent-subtle:#f0f0f0;--color-text:#1a1a1a;--color-text-secondary:#777;--color-text-muted:#aaa;--color-border:#ececec}[data-theme=dark] .todo-list{--color-accent:#e5e5e5;--color-accent-hover:#fff;--color-accent-subtle:#2c2c2e;--color-text:#f2f2f7;--color-text-secondary:#8e8e93;--color-text-muted:#6e6e73}.todo-list{border-radius:var(--radius-lg);overflow:hidden}.todo-list--readonly .todo-check{cursor:default;opacity:.72}.todo-list--readonly .todo-check:hover:not(.checked){border-color:var(--color-text-muted)}.todo-list--readonly .todo-item:hover .todo-delete{opacity:0}.todo-header{align-items:center;padding:0 0 8px;display:flex}.todo-header h3{background:var(--color-surface);border-radius:var(--radius-full);color:var(--color-text);padding:6px 14px;font-size:14px;font-weight:600;display:inline-block;transform:translateY(4px)}.todo-count{background:var(--color-accent);color:#fff;border-radius:var(--radius-full);opacity:.85;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;display:flex}.todo-empty{text-align:center;padding:20px 16px 24px}.todo-empty p{color:var(--color-text-muted);font-size:12.5px;line-height:1.7}.todo-items{padding:0 0 4px}.todo-group{border-top:1px solid var(--color-border);margin-top:4px;padding-top:4px}.todo-group:first-of-type{border-top:none;margin-top:0}.todo-group-label{color:var(--color-text-secondary);letter-spacing:.3px;text-transform:uppercase;padding:2px 16px 10px;font-size:13px;font-weight:700}.todo-section-label{color:var(--color-todo-date-label);text-transform:uppercase;letter-spacing:.6px;padding:1px 16px 6px;font-size:10px;font-weight:600}.completed-section .todo-item{opacity:.5}.todo-item{align-items:flex-start;gap:10px;padding:5px 4px 5px 28px;transition:background .1s;display:flex;position:relative}.todo-item:before{content:"";background:var(--todo-color);border-radius:999px 0 0 999px;width:3px;position:absolute;top:6px;bottom:6px;left:16px}.todo-item:hover{background:0 0}.todo-date-group-label{color:var(--color-todo-date-label);letter-spacing:.3px;padding:2px 4px 6px 16px;font-size:11px;font-weight:600;list-style:none}.todo-date-group-label:first-child{padding-top:0}.todo-item.completed{animation:.55s ease-out forwards todo-complete-sweep}@keyframes todo-complete-sweep{0%{-webkit-mask-image:linear-gradient(90deg,#00000061 0% 45%,#000 55% 100%);mask-image:linear-gradient(90deg,#00000061 0% 45%,#000 55% 100%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:200% 100%;mask-size:200% 100%}to{-webkit-mask-image:linear-gradient(90deg,#00000061 0% 45%,#000 55% 100%);mask-image:linear-gradient(90deg,#00000061 0% 45%,#000 55% 100%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:200% 100%;mask-size:200% 100%}}.todo-item.completed .todo-title{color:var(--color-text-muted);text-decoration:line-through}.todo-check{border:1.5px solid var(--color-text-muted);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;font-size:10px;transition:background .15s,border-color .15s,color .15s;display:flex}.todo-check.checked{background:var(--color-accent);border-color:var(--color-accent)}.todo-check:hover:not(.checked){border-color:var(--color-accent)}[data-theme=dark] .todo-check.checked{border-color:var(--color-accent);color:var(--color-accent);background:0 0}.todo-content{flex-direction:column;flex:1;gap:3px;display:flex;overflow:hidden}.todo-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}[data-bold-mode=title] .todo-title,[data-bold-mode=bold] .todo-title,[data-bold-mode=bold] .todo-desc,[data-bold-mode=bold] .todo-time,[data-bold-mode=bold] .todo-date{font-weight:600}[data-bold-mode=bold] .todo-section-label,[data-bold-mode=bold] .todo-date-group-label{font-weight:800}.todo-date{color:var(--color-text-muted);align-items:center;gap:8px;font-size:11px;display:flex}.todo-date--overdue{color:var(--color-danger)}.todo-item--important .todo-title{color:var(--color-important);font-weight:600}.todo-item--important.completed .todo-title{color:var(--color-text-muted);font-weight:400}.todo-title-row{align-items:baseline;gap:7px;display:flex;overflow:hidden}.todo-desc{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;font-size:11.5px;overflow:hidden}.todo-item.completed .todo-desc{color:var(--color-text-muted);opacity:.6}.todo-delete{border-radius:var(--radius-sm);width:18px;height:18px;color:var(--color-text-muted);opacity:0;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:10px;transition:opacity .15s,background .15s,color .15s;display:flex}.todo-item:hover .todo-delete{opacity:1}.todo-delete:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay--stacked{z-index:1010;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14100c3d}.modal-card{background:var(--color-surface-raised);border-radius:var(--radius-xl);width:100%;max-width:420px;animation:.18s ease-out modal-in;position:relative;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.modal-header h3{color:var(--color-text);font-size:15px;font-weight:600}.modal-close{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:12px;transition:background .15s;display:flex}.modal-close:hover{background:var(--color-border);color:var(--color-text-secondary)}.modal-form{flex-direction:column;gap:12px;padding:0 20px 20px;display:flex}.tutorial-mockup-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14120e6b}.tutorial-mockup-modal{border-radius:var(--radius-xl);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface-raised) 96%, transparent), var(--color-surface)), var(--color-surface-raised);border:1px solid color-mix(in srgb, var(--color-border) 86%, transparent);width:min(1080px,100vw - 32px);max-height:min(820px,100dvh - 32px);animation:.18s ease-out modal-in;overflow:auto;box-shadow:0 28px 80px #00000047}.tutorial-mockup-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 14px;display:flex}.tutorial-mockup-header h2{color:var(--color-text);letter-spacing:0;margin-top:3px;font-size:20px;font-weight:700}.tutorial-mockup-kicker{color:var(--color-accent);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.2;display:block}.tutorial-mockup-body{grid-template-columns:280px minmax(0,1fr);gap:24px;padding:0 24px 24px;display:grid}.tutorial-mockup-body--single{grid-template-columns:300px minmax(0,1fr)}.tutorial-mockup-copy{border-radius:var(--radius-xl);background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent-subtle) 72%, transparent), transparent 58%), color-mix(in srgb, var(--color-surface) 72%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 86%, transparent);flex-direction:column;justify-content:flex-end;gap:14px;min-height:520px;padding:22px;display:flex}.tutorial-mockup-step-label{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent) 13%, transparent);width:fit-content;color:var(--color-accent);padding:5px 9px;font-size:11px;font-weight:800;line-height:1}.tutorial-mockup-copy h3{color:var(--color-text);letter-spacing:0;word-break:keep-all;font-size:24px;font-weight:800;line-height:1.22}.tutorial-mockup-copy p{color:var(--color-text-secondary);word-break:keep-all;font-size:13px;line-height:1.75}.tutorial-mockup-copy .tutorial-mockup-detail{color:var(--color-text-muted);padding-top:2px;font-size:12px;line-height:1.65}.tutorial-mockup-dots{align-items:center;gap:7px;margin-top:8px;display:flex}.tutorial-mockup-dot{background:color-mix(in srgb, var(--color-text-muted) 36%, transparent);border-radius:50%;width:7px;height:7px;transition:width .18s,background .18s}.tutorial-mockup-dot--active{border-radius:var(--radius-full);background:var(--color-accent);width:24px}.tutorial-mockup-nav{align-items:center;gap:8px;margin-top:8px;display:flex}.tutorial-mockup-nav button{border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border);min-width:72px;height:34px;color:var(--color-text-secondary);text-align:center;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:background .15s,color .15s,opacity .15s;display:flex}.tutorial-mockup-nav button:hover:not(:disabled){background:var(--color-accent-subtle);color:var(--color-text)}.tutorial-mockup-nav button:disabled{opacity:.42;cursor:not-allowed}.tutorial-skip-btn{width:fit-content;color:var(--color-text-muted);font-size:12px;font-weight:700;transition:color .15s}.tutorial-skip-btn:hover{color:var(--color-text-secondary)}.tutorial-mockup-preview{border-radius:var(--radius-xl);background:linear-gradient(90deg, color-mix(in srgb, var(--color-grid-gap) 70%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in srgb, var(--color-grid-gap) 70%, transparent) 1px, transparent 1px), color-mix(in srgb, var(--color-surface) 78%, var(--color-surface-raised));border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);background-size:34px 34px;justify-content:center;align-items:center;min-height:520px;padding:24px;display:flex;overflow:hidden}.tutorial-mockup-web-shell{justify-content:center;width:100%;display:flex}.tutorial-mockup-web-window{background:#f7f1e7;border-radius:18px;width:min(660px,100%);overflow:hidden;box-shadow:0 26px 70px #00000038,inset 0 0 0 1px #5c4b341f}.tutorial-mockup-web-topbar{background:#ede4d7;align-items:center;gap:7px;height:38px;padding:0 16px;display:flex}.tutorial-mockup-web-topbar span{background:#5c4b3447;border-radius:50%;width:9px;height:9px}.tutorial-mockup-web-stage{grid-template-columns:minmax(0,1.35fr) minmax(170px,.75fr);gap:16px;min-height:392px;padding:18px;display:grid;position:relative;overflow:hidden}.tutorial-visual-calendar{background:#e4dacb;border-radius:14px;grid-template-columns:repeat(7,1fr);gap:2px;padding:10px;display:grid;position:relative;overflow:hidden}.tutorial-visual-calendar span{background:#fbf8f2;border-radius:5px;min-height:34px}.tutorial-visual-calendar .tutorial-visual-cell--event{background:linear-gradient(90deg,#7a8c6e 0 4px,#7a8c6e21 4px 100%),#fbf8f2}.tutorial-visual-calendar .tutorial-visual-cell--today{background:#7a8c6e;box-shadow:inset 0 0 0 6px #ffffff47}.tutorial-visual-calendar .tutorial-visual-cell--target{outline-offset:-3px;outline:3px solid #c79a4ecc;box-shadow:0 0 0 7px #c79a4e29}.tutorial-visual-calendar .tutorial-visual-cell--ink{background:#7a8c6e29}.tutorial-visual-calendar .tutorial-visual-cell--shared{background:radial-gradient(circle at 70% 28%,#c79a4e8c 0 4px,#0000 4.5px),#7a8c6e21}.tutorial-visual-panel{background:#fffdf9;border:1px solid #5c4b3414;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.tutorial-visual-line{border-radius:var(--radius-full);background:#5c4b3429;width:78%;height:10px}.tutorial-visual-line--wide{width:100%}.tutorial-visual-line--short{width:54%}.tutorial-visual-pill{background:linear-gradient(90deg,#7a8c6e2e,#c79a4e2e),#f6efe5;border-radius:13px;height:38px}.tutorial-visual-input{background:#f6efe5;border-radius:15px;align-items:center;gap:9px;height:46px;padding:0 12px;display:flex;box-shadow:0 0 0 3px #c79a4e57}.tutorial-visual-input span{border-radius:var(--radius-full);background:#5c4b342e;flex:1;height:10px}.tutorial-visual-input i{border-radius:var(--radius-full);background:#7a8c6e;width:2px;height:18px}.tutorial-visual-parse-card{background:#faf7f2;border:1px solid #5c4b3414;border-radius:15px;grid-template-columns:1fr .72fr;gap:8px;padding:12px;display:grid}.tutorial-visual-parse-card span{border-radius:var(--radius-full);background:#7a8c6e29;height:24px}.tutorial-visual-parse-card span:first-child{grid-column:1/-1}.tutorial-visual-save-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tutorial-visual-save-row span{border-radius:var(--radius-full);background:#5c4b341f;flex:1;height:10px}.tutorial-visual-save-row b{border-radius:var(--radius-full);background:#2c2518;width:54px;height:28px}.tutorial-visual-todo-row{background:#faf7f2;border-radius:13px;align-items:center;gap:10px;height:40px;padding:0 10px;display:flex}.tutorial-visual-todo-row span{border:2px solid #7a8c6e6b;border-radius:50%;width:17px;height:17px}.tutorial-visual-todo-row i{border-radius:var(--radius-full);background:#5c4b3424;flex:1;height:9px}.tutorial-visual-todo-row--done span{background:linear-gradient(135deg,#0000 0 40%,#fffdf9 40% 50%,#0000 50%),#7a8c6e;border-color:#7a8c6e}.tutorial-visual-todo-row--done i{opacity:.42}.tutorial-visual-trash-tray{background:#a8706021;border-radius:18px;justify-content:center;justify-self:end;align-items:center;width:76px;height:58px;margin-top:auto;display:grid}.tutorial-visual-trash-tray-icon{color:#a87060;fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:40px;height:40px}.tutorial-visual-workspace-map{border-radius:var(--radius-full);background:#fffdf9d1;gap:7px;padding:8px 10px;display:flex;position:absolute;top:18px;left:46%;box-shadow:0 10px 28px #5c4b3424}.tutorial-visual-workspace-map span{border-radius:var(--radius-full);background:#7a8c6e47;width:44px;height:8px}.tutorial-visual-quick-card{background:#fffdf9;border:1px solid #5c4b3414;border-radius:18px;width:min(280px,42%);min-height:132px;padding:16px;position:absolute;bottom:24px;left:44%;box-shadow:0 18px 48px #5c4b3433}.tutorial-visual-quick-date{background:linear-gradient(#7a8c6e 0 12px,#7a8c6e21 12px 100%);border-radius:15px;width:46px;height:46px}.tutorial-visual-quick-lines{flex-direction:column;gap:8px;margin-top:14px;display:flex}.tutorial-visual-quick-lines span{border-radius:var(--radius-full);background:#5c4b3424;height:9px}.tutorial-visual-quick-lines span:last-child{width:68%}.tutorial-visual-plus-btn{color:#fffdf9;background:#2c2518;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:27px;font-weight:500;display:flex;position:absolute;top:20px;right:16px}.tutorial-visual-todo-flow{background:#fffdf9d6;border-radius:24px;height:126px;position:absolute;bottom:24px;left:38%;right:22px;box-shadow:0 18px 48px #5c4b342e}.tutorial-visual-deleted-chip{background:linear-gradient(90deg,#a87060cc 0 5px,#0000 5px),#a870601a;border-radius:15px;align-items:center;gap:10px;width:118px;height:50px;padding:0 12px;display:flex;position:absolute;top:33px;left:22px}.tutorial-visual-deleted-chip span{background:linear-gradient(135deg,#0000 0 42%,#fffdf9 42% 52%,#0000 52%),#7a8c6e;border-radius:50%;width:18px;height:18px}.tutorial-visual-deleted-chip i{border-radius:var(--radius-full);opacity:.55;background:#5c4b342e;flex:1;height:8px}.tutorial-visual-flow-arrow{border-radius:var(--radius-full);background:linear-gradient(90deg,#7a8c6e33,#7a8c6e);width:max(42px,100% - 278px);height:3px;position:absolute;top:46px;left:156px}.tutorial-visual-flow-arrow:after{content:"";border-top:3px solid #7a8c6e;border-right:3px solid #7a8c6e;width:13px;height:13px;position:absolute;top:50%;right:-2px;transform:translateY(-50%)rotate(45deg)}.tutorial-visual-trash-bin{background:#a870601f;border-radius:22px;place-items:center;width:82px;height:84px;display:grid;position:absolute;top:17px;right:24px}.tutorial-visual-trash-bin-icon{color:#a87060;fill:none;stroke:currentColor;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;width:62px;height:62px}.tutorial-visual-restore-arrow{border-radius:var(--radius-full);background:linear-gradient(270deg,#7a8c6e33,#7a8c6e);width:max(70px,100% - 272px);height:3px;position:absolute;bottom:28px;right:104px}.tutorial-visual-restore-arrow:after{content:"";border-bottom:3px solid #7a8c6e;border-left:3px solid #7a8c6e;width:13px;height:13px;position:absolute;top:50%;left:-2px;transform:translateY(-50%)rotate(45deg)}.tutorial-visual-diary-doodles{pointer-events:none;position:absolute;inset:24px 20px}.tutorial-doodle-flower{width:46px;height:58px;position:absolute}.tutorial-doodle-flower:after{content:"";border-radius:var(--radius-full);background:#7a8c6ead;width:3px;height:28px;position:absolute;top:31px;left:22px}.tutorial-doodle-flower i{transform-origin:50% 18px;background:#c79a4eb3;border-radius:50%;width:16px;height:22px;position:absolute;top:6px;left:15px}.tutorial-doodle-flower i:first-child{transform:rotate(0)}.tutorial-doodle-flower i:nth-child(2){transform:rotate(90deg)}.tutorial-doodle-flower i:nth-child(3){transform:rotate(180deg)}.tutorial-doodle-flower i:nth-child(4){transform:rotate(270deg)}.tutorial-doodle-flower b{background:#7a8c6e;border-radius:50%;width:10px;height:10px;position:absolute;top:18px;left:18px}.tutorial-doodle-flower--one{top:16%;left:18%;transform:rotate(-10deg)}.tutorial-doodle-flower--two{top:42%;right:18%;transform:rotate(13deg)scale(.85)}.tutorial-doodle-flower--two i{background:#a8706094}.tutorial-doodle-heart{background:#a8706080;border-radius:4px;width:26px;height:26px;position:absolute;top:64%;left:42%;transform:rotate(45deg)}.tutorial-doodle-heart:before,.tutorial-doodle-heart:after{content:"";background:inherit;border-radius:50%;width:26px;height:26px;position:absolute}.tutorial-doodle-heart:before{top:0;left:-13px}.tutorial-doodle-heart:after{top:-13px;left:0}.tutorial-doodle-sparkle{width:28px;height:28px;position:absolute;top:18%;right:34%}.tutorial-doodle-sparkle:before,.tutorial-doodle-sparkle:after{content:"";border-radius:var(--radius-full);background:#c79a4ea6;width:6px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-doodle-sparkle:after{transform:translate(-50%,-50%)rotate(90deg)}.tutorial-visual-diary-toolbar{border-radius:var(--radius-full);background:#fffdf9;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute;bottom:30px;left:34px;box-shadow:0 16px 42px #5c4b342e}.tutorial-visual-tool{background:#5c4b341f;border-radius:50%;width:26px;height:26px}.tutorial-visual-tool--active{background:#2c2518}.tutorial-visual-color{border-radius:50%;width:22px;height:22px}.tutorial-visual-color--green{background:#7a8c6e}.tutorial-visual-color--gold{background:#c79a4e}.tutorial-visual-slider{border-radius:var(--radius-full);background:#5c4b342e;width:64px;height:8px}.tutorial-visual-social{pointer-events:none;position:absolute;inset:38px 34px 34px}.tutorial-visual-social-search{border-radius:var(--radius-full);background:#fffdf9;width:270px;height:42px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #5c4b3424}.tutorial-visual-social-search span{border-radius:var(--radius-full);background:#5c4b3424;height:9px;position:absolute;top:50%;left:20px;right:52px;transform:translateY(-50%)}.tutorial-visual-social-search:after{content:"";border:3px solid #7a8c6ea3;border-radius:50%;width:13px;height:13px;position:absolute;top:12px;right:18px;box-shadow:8px 9px 0 -6px #7a8c6ea3}.tutorial-visual-profile-card{background:#fffdf9;border-radius:20px;grid-template-columns:44px minmax(0,1fr) 42px;align-items:center;gap:12px;width:238px;min-height:84px;padding:16px;display:grid;position:absolute;box-shadow:0 18px 48px #5c4b342b}.tutorial-visual-profile-card--front{z-index:2;top:84px;left:42px}.tutorial-visual-profile-card--back{opacity:.8;top:168px;left:96px}.tutorial-visual-avatar{background:radial-gradient(circle at 50% 38%,#fffdf9e6 0 7px,#0000 7.5px),radial-gradient(circle at 50% 78%,#fffdf9d9 0 13px,#0000 13.5px),#7a8c6e;border-radius:50%;width:44px;height:44px}.tutorial-visual-avatar--muted{background:radial-gradient(circle at 50% 38%,#fffdf9e6 0 7px,#0000 7.5px),radial-gradient(circle at 50% 78%,#fffdf9d9 0 13px,#0000 13.5px),#c79a4e}.tutorial-visual-profile-card div{flex-direction:column;gap:8px;display:flex}.tutorial-visual-profile-card i{border-radius:var(--radius-full);background:#5c4b3424;height:9px}.tutorial-visual-profile-card i:last-child{width:68%}.tutorial-visual-profile-card b{border-radius:var(--radius-full);background:linear-gradient(135deg,#0000 0 43%,#fffdf9 43% 53%,#0000 53%),#7a8c6e;width:42px;height:25px}.tutorial-visual-friend-calendar{background:#fffdf9e0;border-radius:19px;grid-template-columns:repeat(4,1fr);gap:4px;width:188px;padding:13px;display:grid;position:absolute;bottom:18px;right:34px;box-shadow:0 18px 48px #5c4b342b}.tutorial-visual-friend-calendar span{background:#5c4b3417;border-radius:8px;min-height:29px}.tutorial-visual-friend-calendar .tutorial-visual-friend-day--filled{background:linear-gradient(90deg,#7a8c6e 0 4px,#7a8c6e29 4px 100%)}.tutorial-visual-sync{pointer-events:none;position:absolute;inset:56px 42px 44px}.tutorial-visual-device{background:#fffdf9c7;border:5px solid #7a8c6e70;justify-content:center;align-items:flex-end;display:flex;position:absolute}.tutorial-visual-device span{border-radius:var(--radius-full);background:#7a8c6e47;width:58%;height:10px;margin-bottom:12px;display:block}.tutorial-visual-device--desktop{border-radius:16px;width:160px;height:104px;bottom:24px;left:0}.tutorial-visual-device--mobile{border-radius:23px;width:74px;height:138px;bottom:18px;right:0}.tutorial-visual-sync-cloud{width:124px;height:72px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.tutorial-visual-sync-cloud span{border-radius:var(--radius-full);background:#fffdf9;position:absolute;box-shadow:0 12px 32px #5c4b3429}.tutorial-visual-sync-cloud span:first-child{height:38px;bottom:10px;left:0;right:0}.tutorial-visual-sync-cloud span:last-child{width:58px;height:58px;top:0;left:34px}.tutorial-visual-sync-line{border-radius:var(--radius-full);opacity:.66;background:repeating-linear-gradient(90deg,#7a8c6e 0 8px,#0000 8px 14px);height:3px;position:absolute;top:86px}.tutorial-visual-sync-line--left{left:148px;right:52%;transform:rotate(-11deg)}.tutorial-visual-sync-line--right{left:54%;right:70px;transform:rotate(14deg)}[data-theme=dark] .tutorial-mockup-overlay{background:#05060a99}[data-theme=dark] .tutorial-mockup-preview{background-color:#111219;background-image:linear-gradient(90deg,#6478aa1f 1px,#0000 1px),linear-gradient(#6478aa1f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}[data-theme=dark] .tutorial-mockup-web-window{background:#171923;box-shadow:0 26px 70px #00000075}[data-theme=dark] .tutorial-mockup-web-topbar{background:#202331}[data-theme=dark] .tutorial-mockup-web-stage{background:#171923}[data-theme=dark] .tutorial-visual-calendar{background:#0b0d14}[data-theme=dark] .tutorial-visual-calendar span,[data-theme=dark] .tutorial-visual-panel,[data-theme=dark] .tutorial-visual-parse-card,[data-theme=dark] .tutorial-visual-quick-card,[data-theme=dark] .tutorial-visual-todo-flow,[data-theme=dark] .tutorial-visual-diary-toolbar,[data-theme=dark] .tutorial-visual-social-search,[data-theme=dark] .tutorial-visual-profile-card,[data-theme=dark] .tutorial-visual-friend-calendar{color:#d4dbe8;background:#202331}[data-theme=dark] .tutorial-visual-calendar .tutorial-visual-cell--event{background:linear-gradient(90deg,#547b9e 0 4px,#547b9e38 4px 100%),#202331}[data-theme=dark] .tutorial-visual-calendar .tutorial-visual-cell--today{background:#547b9e}[data-theme=dark] .tutorial-visual-line,[data-theme=dark] .tutorial-visual-input span,[data-theme=dark] .tutorial-visual-save-row span,[data-theme=dark] .tutorial-visual-todo-row i,[data-theme=dark] .tutorial-visual-quick-lines span,[data-theme=dark] .tutorial-visual-slider{background:#d4dbe824}[data-theme=dark] .tutorial-visual-pill,[data-theme=dark] .tutorial-visual-input{background:linear-gradient(90deg,#547b9e47,#c8707024),#1a2030}[data-theme=dark] .tutorial-visual-save-row b,[data-theme=dark] .tutorial-visual-plus-btn,[data-theme=dark] .tutorial-visual-tool--active{color:#0e0e12;background:#d4dbe8}[data-theme=dark] .tutorial-visual-todo-row{background:#171923}[data-theme=dark] .tutorial-visual-deleted-chip,[data-theme=dark] .tutorial-visual-trash-tray,[data-theme=dark] .tutorial-visual-trash-bin{background:#c870701f}[data-theme=dark] .tutorial-visual-profile-card i,[data-theme=dark] .tutorial-visual-social-search span,[data-theme=dark] .tutorial-visual-friend-calendar span{background:#d4dbe824}[data-theme=dark] .tutorial-visual-friend-calendar .tutorial-visual-friend-day--filled{background:linear-gradient(90deg,#547b9e 0 4px,#547b9e38 4px 100%)}[data-theme=dark] .tutorial-visual-device,[data-theme=dark] .tutorial-visual-sync-cloud span{background:#1c1e25e0}[data-theme=dark] .tutorial-visual-workspace-map{background:#1c1e25db}[data-theme=dark] .tutorial-doodle-flower:after{background:#547b9ec2}[data-theme=dark] .tutorial-doodle-heart{background:#c8707094}[data-theme=dark] .tutorial-doodle-flower i,[data-theme=dark] .tutorial-doodle-sparkle:before,[data-theme=dark] .tutorial-doodle-sparkle:after{background:#d4dbe861}.social-search-modal{aspect-ratio:9/16;flex-direction:column;gap:16px;width:min(480px,92vw);max-width:480px;height:min(92vh,800px);max-height:min(92vh,800px);padding:20px;display:flex;box-shadow:0 28px 80px #1a140e2e}.social-search-modal__close,.user-profile-modal__close,.friend-calendar-view__close{z-index:2;background:var(--color-surface);border:1px solid var(--color-border);position:absolute;top:16px;right:16px}.social-tabs{scrollbar-width:none;gap:8px;padding-right:44px;display:flex;overflow-x:auto}.social-tabs::-webkit-scrollbar{display:none}.social-tabs__tab{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;flex:none;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.social-tabs__tab:hover{background:var(--color-cell-hover);color:var(--color-text)}.social-tabs__tab--active{background:var(--color-accent);color:#fff;border-color:#0000}.social-search,.follow-list,.notifications-list{flex:1;min-height:0}.social-search{flex-direction:column;gap:14px;display:flex}.social-search__input-wrap{position:relative}.social-search__input{box-sizing:border-box;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);padding:14px 44px 14px 16px;font-size:14px}.social-search__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 12%, transparent);outline:none}.social-search__spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:16px;height:16px;margin-top:-8px;animation:.8s linear infinite spin;position:absolute;top:50%;right:16px}.social-search__error,.social-search__empty,.follow-list__loading,.follow-list__error,.follow-list__empty{text-align:center;color:var(--color-text-muted);margin:0;padding:28px 16px;font-size:13px}.social-search__list,.follow-list__items,.notifications-list__items{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.social-search__card-row,.follow-list__item,.notifications-list__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:center;gap:12px;padding:12px 14px;display:flex}.social-search__card,.follow-list__user--btn{text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.social-search__card-info,.follow-list__user-info,.notifications-list__content{flex-direction:column;gap:4px;min-width:0;display:flex}.social-search__card-name,.follow-list__display-name{color:var(--color-text);font-size:14px;font-weight:600}.social-search__card-ids,.follow-list__ids,.notifications-list__time{color:var(--color-text-muted);font-size:12px}.social-search__avatar,.follow-list__avatar,.user-profile-modal__avatar{object-fit:cover;background:var(--color-cell-hover);border-radius:50%;flex-shrink:0;width:42px;height:42px}.social-search__avatar--initials,.follow-list__avatar--initials,.user-profile-modal__avatar--initials{color:var(--color-text-secondary);place-items:center;font-size:14px;font-weight:700;display:grid}.social-search__follow-btn,.follow-list__btn,.follow-list__load-more,.user-profile-modal__action-btn,.friend-calendar-view__nav-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.social-search__follow-btn,.follow-list__btn,.user-profile-modal__action-btn{white-space:nowrap;padding:9px 14px;font-size:13px;font-weight:600}.social-search__follow-btn:hover:not(:disabled),.follow-list__btn:hover:not(:disabled),.follow-list__load-more:hover:not(:disabled),.user-profile-modal__action-btn:hover:not(:disabled),.friend-calendar-view__nav-btn:hover:not(:disabled){background:var(--color-cell-hover)}.social-search__follow-btn--none,.follow-list__btn--accept,.user-profile-modal__action-btn--primary{background:var(--color-accent);color:#fff;border-color:#0000}.social-search__follow-btn--none:hover:not(:disabled),.follow-list__btn--accept:hover:not(:disabled),.user-profile-modal__action-btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.social-search__follow-btn:disabled,.follow-list__btn:disabled,.follow-list__load-more:disabled,.user-profile-modal__action-btn:disabled{opacity:.55;cursor:not-allowed}.follow-list__btn--remove{color:var(--color-text-secondary);padding:4px 10px;font-size:14px;font-weight:600;line-height:1}.follow-list__btn--remove:hover:not(:disabled){color:var(--color-danger,#c0392b);border-color:var(--color-danger,#c0392b);background:0 0}.follow-list{flex-direction:column;gap:12px;display:flex}.follow-list__actions{gap:8px;display:flex}.follow-list__load-more{align-self:center;padding:10px 16px;font-size:13px;font-weight:600}.notifications-list{flex-direction:column;gap:12px;display:flex}.notifications-list__items{border-top:1px solid color-mix(in srgb, var(--color-border) 85%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-border) 85%, transparent);gap:0;overflow-y:auto}.notifications-list__item{background:0 0;border:none;border-radius:0;gap:10px;min-height:54px;padding:10px 6px;position:relative}.notifications-list__item+.notifications-list__item{border-top:1px solid color-mix(in srgb, var(--color-border) 82%, transparent)}.notifications-list__item--unread{background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 10%, transparent) 0%, transparent 72%)}.notifications-list__content{flex:1;gap:2px;padding-right:10px}.notifications-list__text{color:var(--color-text);margin:0;font-size:13px;line-height:1.35}.notifications-list__time{font-size:11px}.notifications-list .follow-list__avatar{width:36px;height:36px}.notifications-list .follow-list__avatar--initials{font-size:13px}.notifications-list__aside{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.notifications-list__dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.notifications-list__dismiss{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;padding:0;font-size:14px;line-height:1;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:grid}.notifications-list__dismiss:hover:not(:disabled){background:var(--color-cell-hover);border-color:color-mix(in srgb, var(--color-border) 88%, transparent);color:var(--color-text)}.notifications-list__dismiss:disabled{opacity:.45;cursor:wait}.user-profile-modal{width:min(520px,92vw);max-width:520px;padding:24px 24px 28px;box-shadow:0 36px 90px #100c0838}.user-profile-modal__loading,.user-profile-modal__error{text-align:center;min-height:280px;color:var(--color-text-muted);place-items:center;font-size:13px;display:grid}.user-profile-modal__body{flex-direction:column;gap:18px;padding-top:12px;display:flex}.user-profile-modal__header{align-items:center;gap:14px;padding-right:40px;display:flex}.user-profile-modal__identity{min-width:0}.user-profile-modal__name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-profile-modal__display-name{color:var(--color-text);font-size:20px;font-weight:700}.user-profile-modal__badge{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent) 14%, transparent);color:var(--color-accent);padding:4px 9px;font-size:12px;font-weight:700}.user-profile-modal__ids,.friend-calendar-view__owner-id{color:var(--color-text-muted);font-size:12px}.user-profile-modal__bio,.user-profile-modal__incoming-notice{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.6}.user-profile-modal__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.user-profile-modal__stat{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;align-items:center;gap:4px;padding:14px 12px;display:flex}.user-profile-modal__stat-value{color:var(--color-text);font-size:20px;font-weight:700}.user-profile-modal__stat-label{color:var(--color-text-muted);font-size:12px}.user-profile-modal__action-row{display:flex}.user-profile-modal__action-btn{width:100%;padding:11px 14px}.friend-calendar-view{flex-direction:column;gap:16px;min-height:640px;padding-top:6px;display:flex}.friend-calendar-modal{width:min(1120px,96vw);max-width:1120px;padding:24px 24px 28px;box-shadow:0 36px 90px #100c0838}.friend-calendar-view__header{flex-direction:column;gap:8px;display:flex}.friend-calendar-view__topbar{justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.friend-calendar-view__owner{flex-direction:column;gap:4px;display:flex}.friend-calendar-view__owner--placeholder{min-width:96px}.friend-calendar-view__owner-name{color:var(--color-text);font-size:18px;font-weight:700}.friend-calendar-view__close{position:static}.friend-calendar-view__meta{align-items:center;gap:10px;display:flex}.friend-calendar-view__readonly-badge{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent) 10%, transparent);color:var(--color-accent);padding:6px 10px;font-size:11px;font-weight:700}.friend-calendar-view__body{flex:1;min-height:0}.friend-calendar-view__status{text-align:center;min-height:280px;color:var(--color-text-muted);place-items:center;font-size:13px;display:grid}.friend-calendar-view__status--error{color:var(--color-danger)}.friend-calendar-view__calendar-shell{border:1px solid var(--color-border);border-radius:calc(var(--radius-xl) + 2px);background:color-mix(in srgb, var(--color-surface-raised) 84%, #fff 16%);min-height:540px;padding:18px 18px 14px;position:relative;overflow:hidden}.friend-calendar-view__calendar-shell .calendar-view{gap:14px}.friend-calendar-view__calendar-shell .calendar-grid-wrapper{border-radius:var(--radius-xl);overflow:hidden}.friend-calendar-view__calendar-shell .calendar-cell{cursor:default}.friend-calendar-view__calendar-shell .calendar-cell:hover{background:inherit}.friend-calendar-view__calendar-shell .event-chip,.friend-calendar-view__calendar-shell .event-bar{cursor:pointer}.friend-calendar-view__empty-overlay{text-align:center;color:var(--color-text-muted);border-radius:var(--radius-xl);pointer-events:none;background:linear-gradient(#f9f6f0e0,#f9f6f0c7);place-items:center;font-size:13px;display:grid;position:absolute;inset:98px 18px 14px}.form-group{flex-direction:column;gap:5px;display:flex}.form-title-row{align-items:center;gap:8px;display:flex}.form-title-row input{flex:1;min-width:0}.color-picker{flex-shrink:0;position:relative}.color-picker-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:border-color .15s;display:flex}.color-picker-btn:hover{background:var(--color-surface)}.color-picker-dot{border-radius:50%;width:16px;height:16px;display:block}.color-picker-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.form-group label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.form-group input[type=text],.form-group input[type=date],.form-group input[type=time],.form-group textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);outline:none;padding:8px 12px;font-size:14px;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent)}.form-group textarea{resize:vertical;min-height:56px}.form-group-row{flex-direction:row;align-items:center}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex;color:var(--color-text-secondary)!important;text-transform:none!important;letter-spacing:normal!important;font-size:13px!important;font-weight:400!important}.checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-accent);cursor:pointer}.modal-shift-actions{background:var(--color-surface-raised);flex-direction:row;justify-content:space-between;align-items:center;gap:2px;padding:0 20px 10px;display:flex}.modal-shift-actions-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.btn-shift{color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:4px 6px;font-size:12px;transition:color .15s,background .15s;display:inline-flex}.btn-shift:hover{color:var(--color-accent);background:var(--color-bg)}.modal-actions{background:var(--color-surface-raised);justify-content:flex-end;gap:7px;padding:14px 20px;display:flex}.btn-primary{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,opacity .15s}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary--danger{background:var(--color-danger)}.btn-primary--danger:hover{background:color-mix(in srgb, var(--color-danger) 85%, black)}.diary-clear-confirm{background:var(--color-surface-raised);border-radius:18px;width:320px;max-width:calc(100vw - 40px);padding:24px 24px 20px;box-shadow:0 8px 32px #0000002e}.diary-clear-confirm__title{color:var(--color-text);margin-bottom:8px;font-size:18px;font-weight:600}.diary-clear-confirm__message{color:var(--color-text-secondary);margin-bottom:24px;font-size:14px}.diary-clear-confirm__actions{justify-content:space-between;gap:10px;display:flex}.diary-clear-confirm__cancel{color:var(--color-text);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:0 0;padding:10px 24px;font-size:14px;font-weight:400;transition:background .15s}.diary-clear-confirm__cancel:hover{background:var(--color-border)}.diary-clear-confirm__delete{background:var(--color-danger);color:#fff;border-radius:var(--radius-md);padding:10px 24px;font-size:14px;font-weight:500;transition:background .15s}.diary-clear-confirm__delete:hover{background:var(--color-danger-hover)}.btn-secondary{color:var(--color-text-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:0 0;padding:8px 16px;font-size:13px;font-weight:400;transition:background .15s,color .15s}.btn-secondary:hover{background:var(--color-border);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:#fff;border-radius:var(--radius-md);padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s}.btn-danger:hover{background:var(--color-danger-hover)}.duration-toggle{border:1.5px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.duration-btn{color:var(--color-text-secondary);text-align:center;background:0 0;flex:1;padding:7px 0;font-size:13px;font-weight:500;transition:background .15s,color .15s}.duration-btn+.duration-btn{border-left:1.5px solid var(--color-border)}.duration-btn.active{background:var(--color-accent);color:#fff}.time-picker{align-items:center;gap:8px;display:flex}.time-picker select{border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);cursor:pointer;outline:none;flex:1;padding:8px 10px;font-size:13px}.time-picker select:focus{border-color:var(--color-accent)}.time-picker input[type=time]{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:108px;color:var(--color-text);background:var(--color-surface);outline:none;padding:8px 10px;font-size:13px}.time-picker input[type=time]:focus{border-color:var(--color-accent)}.day-checkboxes{flex-wrap:wrap;gap:5px;display:flex}.day-chip{width:32px;height:32px;color:var(--color-text-secondary);background:var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.day-chip input[type=checkbox]{display:none}.day-chip.selected{background:var(--color-accent);color:#fff}.recurrence-select{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background:var(--color-surface);cursor:pointer;outline:none;padding:8px 12px;font-size:13px}.recurrence-select:focus{border-color:var(--color-accent)}.form-date-time-row{grid-template-columns:1fr 1fr;align-items:start;gap:8px;display:grid}.form-recurrence-row{grid-template-columns:auto 1fr;align-items:start;gap:8px;display:grid}.form-group--disabled,.time-picker--disabled{opacity:.4;pointer-events:none}.day-summary-overlay{align-items:flex-end;padding-bottom:48px}@media (width>=600px){.day-summary-overlay{align-items:center;padding-bottom:20px}}.day-summary-card{background:var(--color-surface-raised);border-radius:var(--radius-xl);width:100%;max-width:300px;animation:.16s ease-out modal-in;overflow:hidden}.day-summary-header{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.day-summary-date{color:var(--color-text);font-size:14px;font-weight:600}.day-summary-empty{color:var(--color-text-muted);padding:12px 16px 18px;font-size:13px}.day-summary-list{padding:2px 0 10px}.day-summary-item{text-align:left;align-items:center;gap:9px;width:100%;padding:7px 16px;transition:background .12s;display:flex}.day-summary-item:hover{background:var(--color-cell-hover)}.day-summary-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.day-summary-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.day-summary-time{color:var(--color-text-muted);flex-shrink:0;font-size:11.5px}.event-detail-body{flex-direction:column;gap:12px;padding:4px 20px 20px;display:flex}.event-detail-title{color:var(--color-text);letter-spacing:-.2px;font-size:18px;font-weight:600}.event-detail-meta{flex-direction:column;gap:7px;display:flex}.meta-row{color:var(--color-text-secondary);align-items:center;gap:10px;font-size:13.5px;display:flex}.meta-icon{text-align:center;opacity:.65;width:20px;font-size:15px}.event-detail-desc{background:var(--color-surface);border-radius:var(--radius-md);padding:10px 12px}.event-detail-desc p{color:var(--color-text-secondary);font-size:13.5px;line-height:1.6}.landing{overscroll-behavior:none;background:var(--color-bg);min-height:100dvh;font-family:var(--font-family-global,"Noto Serif KR", serif);justify-content:center;align-items:center;display:flex;position:relative}.landing-theme-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:20px}.landing-theme-btn:hover{background:var(--color-surface);color:var(--color-text)}.landing-inner{flex-direction:column;align-items:center;gap:48px;width:min(560px,90vw);display:flex}.landing-logo{flex-direction:column;align-items:center;gap:14px;display:flex}.landing-logo-icon{font-size:56px;line-height:1}.landing-title{letter-spacing:-.5px;color:var(--color-text-primary);margin:0;font-size:26px;font-weight:700}.landing-prompt-section{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.landing-question{color:var(--color-text);letter-spacing:-.3px;margin:0;font-size:30px;font-weight:600}.landing-input-form{width:100%}.landing-input{border:.75px solid var(--color-border);border-radius:var(--radius-xl);width:100%;color:var(--color-text);background:var(--color-surface-raised);box-sizing:border-box;outline:none;padding:14px 20px;font-size:15px;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 20px -4px #0000001f,inset 0 1px 3px #ffffff0a}.landing-input:focus{border-color:#c8b9a0cc;box-shadow:0 6px 28px -4px #00000029,inset 0 1px 3px #ffffff0a}[data-theme=dark] .landing-input:focus{border-color:#5a96cc4d;box-shadow:0 6px 28px -4px #00143c8c,0 0 0 3px #5a96cc0f}.landing-input::placeholder{color:var(--color-text-muted)}.landing-hint{color:var(--color-text-muted);margin:0;font-size:12px}@keyframes landing-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-24px)scale(.97)}}@keyframes app-enter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}[data-transitioning=landing]::view-transition-old(root){animation:.35s cubic-bezier(.4,0,.2,1) forwards landing-exit}[data-transitioning=landing]::view-transition-new(root){animation:.4s cubic-bezier(.4,0,.2,1) forwards app-enter}.recurring-delete-body{flex-direction:column;gap:6px;padding:4px 20px 16px;display:flex}.recurring-delete-info{flex-direction:column;gap:3px;display:flex}.recurring-delete-event-name{color:var(--color-text);font-size:15px;font-weight:600}.recurring-delete-date{color:var(--color-text-secondary);font-size:13px}.recurring-delete-question{color:var(--color-text-muted);margin-top:4px;font-size:13px}.recurring-delete-actions{flex-wrap:wrap;gap:6px}.delete-confirm-panel{border-top:1px solid var(--color-border);margin-top:4px}.trash-list{flex:1;padding:4px 0;overflow-y:auto}.trash-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;transition:background .1s;display:flex}.trash-item:last-child{border-bottom:none}.trash-item:hover{background:var(--color-cell-hover)}.trash-item-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.trash-item-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;overflow:hidden}.trash-item-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.trash-item-type{color:var(--color-text-muted);background:var(--color-border);border-radius:var(--radius-full);padding:1px 6px;font-size:11px}.trash-item-occurrence{color:var(--color-text-secondary);font-size:11px}.trash-item-time{color:var(--color-text-muted);font-size:11px}.trash-item-actions{flex-shrink:0;gap:5px;display:flex}.trash-btn-restore{border-radius:var(--radius-md);background:var(--color-accent-subtle);color:var(--color-accent);padding:5px 10px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.trash-btn-restore:hover{background:var(--color-accent);color:#fff}.trash-btn-delete{border-radius:var(--radius-md);color:var(--color-text-muted);background:0 0;padding:5px 10px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.trash-btn-delete:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.trash-footer{background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 20px 14px;display:flex}.trash-footer-note{color:var(--color-text-muted);text-align:center;font-size:11.5px}.trash-btn-clear-all{border:1px solid var(--color-danger-subtle);color:var(--color-danger);cursor:pointer;opacity:.7;background:0 0;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:11px;transition:opacity .15s}.trash-btn-clear-all:hover{opacity:1;background:var(--color-danger-subtle)}.settings-modal-card{flex-direction:column;max-height:min(720px,100dvh - 48px);display:flex}.settings-modal-card .modal-header{border-bottom:1px solid color-mix(in srgb, var(--color-border) 72%, transparent);flex-shrink:0}.settings-body{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:12px;min-height:0;padding:16px 20px 20px;display:flex;overflow-y:auto}.settings-body::-webkit-scrollbar{width:8px}.settings-body::-webkit-scrollbar-track{background:0 0}.settings-body::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-text-muted) 34%, transparent);background-clip:padding-box;border:2px solid #0000}.settings-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-label{color:var(--color-text-secondary);font-size:14px}.settings-select{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:5px 8px;font-size:13px}.settings-toggle{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;padding:5px 14px;font-size:13px;transition:background .15s,color .15s}.settings-toggle.active{font-weight:600}.settings-toggle--bold-bold{color:#5e7057;background:#e8ede4;border-color:#8a9e82}.settings-toggle--bold-title{color:#7a7040;background:#f5f0e0;border-color:#b8aa70}[data-theme=dark] .settings-toggle--bold-bold{color:#8aab80;background:#2a3327;border-color:#5a7052}[data-theme=dark] .settings-toggle--bold-title{color:#b0a860;background:#2e2c1e;border-color:#7a7040}.settings-row--col{flex-direction:column;align-items:flex-start;gap:8px}.settings-row--theme{gap:10px}.settings-theme-grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-text-muted) 42%, transparent) transparent;-webkit-overflow-scrolling:touch;gap:10px;width:100%;margin:-2px -2px 0;padding:2px 2px 10px;display:flex;overflow:auto hidden}.settings-theme-grid::-webkit-scrollbar{height:8px}.settings-theme-grid::-webkit-scrollbar-track{background:0 0}.settings-theme-grid::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-text-muted) 38%, transparent);background-clip:padding-box;border:2px solid #0000}.settings-theme-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-height:122px;color:var(--color-text);scroll-snap-align:start;flex:0 0 clamp(156px,45%,184px);grid-template-rows:52px auto 14px;gap:8px;padding:10px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.settings-theme-card:hover,.settings-theme-card.active{border-color:color-mix(in srgb, var(--color-accent) 46%, var(--color-border));background:color-mix(in srgb, var(--color-accent-subtle) 64%, var(--color-surface))}.settings-theme-card.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 34%, transparent)}.settings-theme-card__preview{border-radius:var(--radius-md);grid-template-rows:13px 1fr;grid-template-columns:1fr .62fr;gap:4px;padding:6px;display:grid;overflow:hidden}.settings-theme-card__preview span{min-width:0;display:block}.settings-theme-card__preview span:first-child{grid-column:1/-1}.settings-theme-card__preview--classic{background:#f5f0e8}.settings-theme-card__preview--classic span:first-child{background:#faf7f2}.settings-theme-card__preview--classic span:nth-child(2){background:#fffdf9}.settings-theme-card__preview--classic span:nth-child(3){background:#7a8c6e}.settings-theme-card__preview--pixel{background-color:#e9ffdf;background-image:linear-gradient(90deg,#15151538 1px,#0000 1px),linear-gradient(#15151538 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:0}.settings-theme-card__preview--pixel span{border:2px solid #151515;border-radius:0}.settings-theme-card__preview--pixel span:first-child{background:#fff7c8}.settings-theme-card__preview--pixel span:nth-child(2){background:#fffdeb}.settings-theme-card__preview--pixel span:nth-child(3){background:#5fffd2}.settings-theme-card__preview--stationery{background-color:#edf1df;background-image:linear-gradient(90deg,#7b664724 1px,#0000 1px),linear-gradient(#7b664724 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.settings-theme-card__preview--stationery span:first-child{background:#fff7d8;border:1px dashed #7b6647}.settings-theme-card__preview--stationery span:nth-child(2){background:#fffdf1;border:1px dashed #7b6647}.settings-theme-card__preview--stationery span:nth-child(3){background:#2b8f86}.settings-theme-card__preview--minimal{background:#f6f6f2;border:1px solid #151515;border-radius:0}.settings-theme-card__preview--minimal span{border-radius:0}.settings-theme-card__preview--minimal span:first-child{background:#fff;border-bottom:1px solid #151515}.settings-theme-card__preview--minimal span:nth-child(2){background:#fff;border:1px solid #d7d7d0}.settings-theme-card__preview--minimal span:nth-child(3){background:#151515}.settings-theme-card__preview--macos{background:repeating-linear-gradient(0deg,#ffffff6b 0 1px,#8a97a724 1px 2px),linear-gradient(#eef3fb,#c6d5e7);border:1px solid #8d98a7;position:relative;box-shadow:inset 0 1px #ffffffeb}.settings-theme-card__preview--macos:before{content:"";z-index:2;background:#ff5f57;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;left:8px;box-shadow:11px 0 #febc2e,22px 0 #28c840}.settings-theme-card__preview--macos span{border:1px solid #646f7c80;box-shadow:inset 0 1px #ffffffd1}.settings-theme-card__preview--macos span:first-child{background:linear-gradient(#ffffffe6,#aebaca85),#dbe5f2}.settings-theme-card__preview--macos span:nth-child(2){background:linear-gradient(#fff,#e8edf4)}.settings-theme-card__preview--macos span:nth-child(3){background:linear-gradient(#8fd6ff 0%,#007aff 52%,#0058c7 100%);border-radius:999px}.settings-theme-card__preview--receipt{background:radial-gradient(circle at 0 8px,#0000 0 4px,#fffef9 4.5px) 0 0/10px 16px repeat-y,radial-gradient(circle at 100% 8px,#0000 0 4px,#fffef9 4.5px) 100% 0/10px 16px repeat-y,radial-gradient(circle at 28% 24%,#e1d6c047,#0000 34%),linear-gradient(#fff,#fffef9 72%,#fbf6ea);border:1px solid #ded5c7;border-radius:3px;position:relative;box-shadow:inset 0 0 0 1px #ffffffb3}.settings-theme-card__preview--receipt:before{content:"";opacity:.32;background:repeating-linear-gradient(90deg,#24201a 0 2px,#0000 2px 4px,#24201a 4px 7px,#0000 7px 10px);height:12px;position:absolute;bottom:6px;left:12px;right:12px}.settings-theme-card__preview--receipt span{background:#24201a14;border-radius:1px}.settings-theme-card__preview--receipt span:first-child{background:0 0;border-top:1px dashed #b8ab98;border-bottom:1px dashed #b8ab98}.settings-theme-card__preview--receipt span:nth-child(2){background:0 0;border-bottom:1px dotted #b8ab98}.settings-theme-card__preview--receipt span:nth-child(3){background:linear-gradient(90deg,#24201a 0 10%,#0000 10% 100%),#e75f481c}.settings-theme-card__preview--glass{background:url(/glass-ranunculus.svg) 50% 44%/128% no-repeat,linear-gradient(145deg,#f5f6f5 0%,#e8eceb 48%,#dfe4e3 100%)}.settings-theme-card__preview--glass span{-webkit-backdrop-filter:blur(12px)saturate(1.28);backdrop-filter:blur(12px)saturate(1.28);background:linear-gradient(135deg,#ffffff9e,#ffffff3d),#ffffff5c;border:1px solid #ffffffc7;box-shadow:inset 0 1px #ffffffeb,inset 0 -8px 18px #7567ff1f,0 7px 18px #24394024}.settings-theme-card__preview--glass span:first-child{background:linear-gradient(110deg,#ffffffc7,#ffffff47),#ffffff80}.settings-theme-card__preview--glass span:nth-child(3){background:linear-gradient(135deg,#7567ffb8,#55dfd185),#ffffff47}.settings-theme-card__preview--terminal{background:repeating-linear-gradient(0deg,#36ff861f 0 1px,#0000 1px 5px),#030704;border:1px solid #36ff86;border-radius:0}.settings-theme-card__preview--terminal span{background:#07120b;border:1px solid #36ff86;border-radius:0}.settings-theme-card__preview--terminal span:first-child{background:#0d2013}.settings-theme-card__preview--terminal span:nth-child(3){background:#36ff86}.settings-theme-card__meta{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.settings-theme-card__name{color:var(--color-text);font-size:13px;font-weight:700}.settings-theme-card__state{color:var(--color-text-muted);font-size:11px}.settings-theme-card.active .settings-theme-card__state{color:var(--color-accent);font-weight:700}.settings-theme-card__swatches{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.settings-theme-card__swatches span{border-radius:var(--radius-sm);background:var(--theme-swatch);min-height:10px;box-shadow:inset 0 0 0 1px #00000014}.settings-api-key-row{align-items:center;gap:6px;width:100%;display:flex}.settings-input-wrap{flex:1;align-items:center;display:flex;position:relative}.settings-input{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);outline:none;padding:5px 30px 5px 8px;font-size:13px}.settings-input:focus{border-color:var(--color-primary)}.settings-api-key-actions{gap:4px;display:flex}.settings-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;white-space:nowrap;padding:5px 10px;font-size:12px}.settings-btn:disabled{opacity:.4;cursor:default}.settings-btn--icon{color:var(--color-text-secondary);background:0 0;border:none;align-items:center;padding:4px 5px;display:flex;position:absolute;right:4px}.settings-btn--save{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.settings-btn--delete{color:var(--color-danger,#e05252);border-color:var(--color-danger,#e05252)}.settings-btn--tutorial{color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 28%, var(--color-border));background:var(--color-accent-subtle)}.settings-btn--tutorial:hover{color:var(--color-accent-hover);border-color:color-mix(in srgb, var(--color-accent) 42%, var(--color-border))}.settings-divider{border:none;border-top:1px solid var(--color-border);margin:12px 0}.settings-logout-wrap{justify-content:center;display:flex}.checkbox-label--important{color:var(--color-important);font-weight:500}.settings-footer-links{justify-content:center;gap:16px;padding:4px 0;display:flex}.settings-footer-link{color:var(--color-text-muted);font-size:12px;text-decoration:none}.settings-footer-link:hover{color:var(--color-text-secondary);text-decoration:underline}.settings-keywords-wrap{flex-direction:column;gap:8px;width:100%;display:flex}.settings-keywords-list{flex-wrap:wrap;gap:6px;display:flex}.settings-keyword-chip{background:color-mix(in srgb, var(--color-primary) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);color:var(--color-text-primary);border-radius:12px;align-items:center;gap:4px;padding:3px 8px 3px 10px;font-size:12px;display:inline-flex}.settings-keyword-chip-delete{width:14px;height:14px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:inline-flex}.settings-keyword-chip-delete:hover:not(:disabled){color:var(--color-danger,#e05252)}.settings-keyword-chip-delete:disabled{opacity:.3;cursor:default}.settings-keyword-input-row{align-items:center;gap:6px;display:flex}.settings-input--keyword{flex:1}.settings-upcoming-wrap{align-items:center;gap:10px;display:flex}.settings-upcoming-slider{accent-color:var(--color-accent,#6c7aff);cursor:pointer;flex:1}.settings-upcoming-value{color:var(--text-secondary);text-align:right;min-width:24px;font-size:.82rem}.logout-confirm-overlay{border-radius:var(--radius-lg);z-index:10;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.logout-confirm-dialog{background:var(--color-surface);border-radius:var(--radius-md);flex-direction:column;gap:20px;min-width:220px;padding:24px 28px;display:flex;box-shadow:0 4px 20px #00000026}.logout-confirm-message{text-align:center;color:var(--color-text);margin:0;font-size:15px}.logout-confirm-actions{justify-content:center;gap:10px;display:flex}.settings-btn--logout{width:auto;color:var(--color-text-muted);border-color:var(--color-border);text-align:center}@media (width<=900px){.app-header{padding:12px 16px}.sidebar-label{display:none}.app-main{padding:12px 14px 28px 24px}.app-body{grid-template-columns:1fr}.side-panel{position:static}.calendar-cell{min-height:75px;padding:4px 3px}.event-chip{padding:1px 4px;font-size:10px}.event-time{display:none}.tutorial-mockup-body{grid-template-columns:1fr}.tutorial-mockup-copy{min-height:auto}.tutorial-mockup-preview{min-height:440px;padding:16px}.tutorial-mockup-web-stage{grid-template-columns:1fr}.tutorial-visual-todo-flow{bottom:18px;left:16px;right:16px}.tutorial-visual-deleted-chip{left:16px}.tutorial-visual-flow-arrow{width:max(24px,100% - 260px);left:146px}.tutorial-visual-trash-bin{right:16px}.tutorial-visual-restore-arrow{width:max(38px,100% - 242px);right:96px}.settings-modal-card{width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px)}.settings-body{padding:14px 18px 18px}}.event-chip-delete{cursor:pointer;z-index:10;width:13px;height:13px;color:var(--color-text-secondary);background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;line-height:1;transition:color .1s;display:none;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.event-chip:hover .event-chip-delete{display:flex}.event-chip-delete:hover{color:var(--color-danger)}.drag-ghost-chip{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;will-change:transform, left, top;border-radius:0 2px 2px 0;align-items:center;gap:3px;max-width:160px;padding:2px 8px;font-family:inherit;font-size:10.5px;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden;transform:scale(1.08);box-shadow:0 4px 16px #00000040}.drag-ghost-chip--landing{box-shadow:none;transform:scale(1)}.event-chip--dragging{opacity:0!important;pointer-events:none!important}.calendar-cell--drag-over{outline:1.5px solid var(--color-accent);outline-offset:-1.5px;background:var(--color-accent-subtle)!important}.event-bar-delete{background:var(--color-surface-raised);border:.75px solid var(--color-border);cursor:pointer;z-index:10;width:13px;height:13px;color:var(--color-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:8px;line-height:1;transition:background .1s,color .1s;display:none;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.event-bar:hover .event-bar-delete{display:flex}.event-bar-delete:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.trash-modal-card{flex-direction:column;width:min(480px,92vw);max-height:70vh;display:flex}.trash-empty{text-align:center;color:var(--color-text-secondary);flex-direction:column;gap:4px;padding:32px 0;font-size:14px;display:flex}.trash-empty-sub{color:var(--color-text-muted);font-size:12px}.date-panel-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:900;opacity:0;pointer-events:none;background:#00000059;transition:opacity .25s;position:fixed;inset:0}.date-panel-overlay--visible{opacity:1;pointer-events:auto}.date-click-panel{background:var(--color-surface-raised);border-left:1px solid var(--color-border);z-index:910;flex-direction:column;width:320px;height:100vh;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-6px 0 32px #0000001f}.date-click-panel--open{transform:translate(0)}.date-click-panel__header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 20px 14px;display:flex}.date-click-panel__header-text{flex-direction:column;gap:3px;display:flex}.date-click-panel__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.date-click-panel__date{color:var(--color-text);font-size:15px;font-weight:600}.date-click-panel__body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.date-click-panel__form{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.date-click-panel__existing{border-top:1px solid var(--color-border);padding:16px 20px 20px}.date-click-panel__existing-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:10px;font-weight:600}.date-click-panel__existing-item{background:var(--color-surface-hover,#00000008);border-radius:var(--radius-sm,4px);align-items:flex-start;margin-bottom:4px;padding:8px 8px 8px 20px;display:flex;position:relative}[data-theme=dark] .date-click-panel__existing-item{background:#ffffff0d}.date-click-panel__existing-item:before{content:"";background:var(--todo-color);border-radius:999px;width:3px;position:absolute;top:6px;bottom:6px;left:8px}.date-click-panel__existing-content{flex-direction:column;gap:2px;min-width:0;display:flex}.date-click-panel__existing-title-row{align-items:baseline;gap:6px;min-width:0;display:flex}.date-click-panel__existing-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.date-click-panel__existing-desc{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.date-click-panel__existing-time{color:var(--color-text-muted);font-size:11px}.date-click-panel__footer{border-top:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0;padding:12px 20px 16px}.diary-toolbar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;padding:6px 10px;display:flex}.diary-toolbar-section{align-items:center;gap:4px;display:flex}.diary-tool-btn{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:background .15s;display:flex}.diary-tool-btn:hover{background:var(--color-cell-hover)}.diary-tool-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.diary-tool-btn--danger{color:var(--color-danger);border-color:var(--color-danger);font-size:14px}.diary-tool-btn--danger:hover{background:var(--color-danger);color:#fff}.diary-tool-label{font-size:11px}.diary-toolbar-zoom{gap:2px;margin-left:auto}.diary-zoom-label{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);text-align:center;background:0 0;border:none;min-width:36px;padding:2px 4px;font-size:11px;font-weight:600;transition:color .15s,background .15s}.diary-zoom-label:hover{color:var(--color-text);background:var(--color-hover)}.diary-color-swatch{background:var(--swatch-color);cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:transform .1s}.diary-color-swatch:hover{transform:scale(1.15)}.diary-color-swatch.active{border-color:var(--color-text);transform:scale(1.1)}.diary-width-btn{border:1px solid var(--color-border);cursor:pointer;width:32px;height:24px;color:var(--color-text);background:0 0;border-radius:4px;justify-content:center;align-items:center;transition:background .15s;display:flex}.diary-width-btn:hover{background:var(--color-cell-hover)}.diary-width-btn.active{border-color:var(--color-accent);background:var(--color-accent-subtle)}.calendar-cell{position:relative}.diary-canvas-layer{pointer-events:none;z-index:2;position:absolute;inset:0}.diary-canvas-layer--active{pointer-events:all;cursor:crosshair}.diary-canvas-layer--eraser{cursor:cell}.login-modal-card{max-width:380px}.login-tabs{border-bottom:1px solid var(--color-border);gap:4px;padding:0 20px;display:flex}.login-tab{color:var(--color-text-muted);border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:8px 14px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.login-tab:hover{color:var(--color-text-secondary)}.login-tab.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.login-form{flex-direction:column;gap:10px;padding:20px 20px 12px;display:flex}.login-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #7a8c6e1f}[data-theme=dark] .login-input:focus{box-shadow:0 0 0 2px #547b9e2e}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-error{color:var(--color-danger);padding:2px;font-size:12px;line-height:1.4}.login-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;text-align:center;border:none;width:100%;margin-top:2px;padding:9px 0;font-size:13px;font-weight:600;transition:background .15s,opacity .15s}.login-btn:hover:not(:disabled){background:var(--color-accent-hover)}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-footer{justify-content:center;padding:4px 20px 18px;display:flex}.login-offline-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:12px;transition:color .15s,background .15s}.login-offline-btn:hover:not(:disabled){color:var(--color-text-secondary);background:var(--color-border)}.login-offline-btn:disabled{opacity:.4;cursor:not-allowed}.login-divider{align-items:center;gap:8px;margin:4px 20px 8px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.login-divider__label{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.login-social-buttons{flex-direction:row;justify-content:center;gap:12px;padding:0 20px;display:flex}.login-social-btn--google{justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;display:flex}.login-social-btn--google iframe{border-radius:50%}.login-social-btn--apple,.login-social-btn--kakao{cursor:not-allowed;border:1px solid var(--color-border);opacity:.45;background:var(--color-surface);width:44px;height:44px;color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:none;display:flex}.login-social-notice{color:var(--color-text-muted);text-align:center;margin:0;padding:8px 20px 0;font-size:11px;line-height:1.5}.auth-callback-page{overscroll-behavior:none;justify-content:center;align-items:center;height:100dvh;display:flex}.auth-callback-page__message{color:var(--color-text-muted);font-size:15px}.login-social-btn--apple.login-social-btn--active{color:#fff;cursor:pointer;opacity:1;background:#000;border-color:#000}.login-social-btn--apple.login-social-btn--active:hover{background:#1a1a1a}[data-theme=dark] .login-social-btn--apple.login-social-btn--active{color:#000;background:#fff;border-color:#fff}[data-theme=dark] .login-social-btn--apple.login-social-btn--active:hover{background:#e6e6e6}.mobile-warning-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.mobile-warning-card{background:var(--color-surface,#fff);border-radius:var(--radius-xl);text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;padding:36px 28px;display:flex;box-shadow:0 12px 48px #00000047}.mobile-warning-icon{font-size:52px}.mobile-warning-title{margin:0;font-size:20px;font-weight:700}.mobile-warning-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.mobile-warning-store-btn{background:var(--color-accent,#6c7aff);color:#fff;border-radius:var(--radius-full);box-sizing:border-box;width:100%;margin-top:4px;padding:12px 28px;font-size:14px;font-weight:600;text-decoration:none;display:block}.mobile-warning-continue-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}:root[data-visual-theme=stationery]{--font-family-global:"Gowun Dodum", "Noto Sans KR", sans-serif;--color-bg:#edf1df;--color-surface:#fff7d8;--color-surface-raised:#fffdf1;--color-border:#7b664747;--color-grid-gap:#cfbc91;--color-text:#332717;--color-text-secondary:#69583d;--color-text-muted:#998a6b;--color-accent:#2b8f86;--color-accent-hover:#1d746d;--color-accent-subtle:#2b8f8624;--color-danger:#e0616f;--color-danger-hover:#bf4656;--color-danger-subtle:#e0616f24;--color-important:#efc748;--color-sunday:#e0616f;--color-saturday:#2b8f86;--color-today-bg:#2b8f86;--color-today-text:#fffdf1;--color-other-month-bg:#e2ddc7;--color-other-month-text:#a2977d;--color-cell-hover:#fff7d880;--event-bar-bg:#7b664717;--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--radius-xl:8px;--radius-full:999px}:root[data-visual-theme=stationery][data-theme=dark]{--color-bg:#191915;--color-surface:#252419;--color-surface-raised:#302d1f;--color-border:#f4cc5c3d;--color-grid-gap:#080806;--color-text:#f8ecd2;--color-text-secondary:#d2bd8a;--color-text-muted:#8f7e5d;--color-accent:#50d6c2;--color-accent-hover:#78ead9;--color-accent-subtle:#50d6c224;--color-danger:#ff8090;--color-danger-hover:#ffa0ad;--color-danger-subtle:#ff809024;--color-important:#ffd85a;--color-sunday:#ff8090;--color-saturday:#50d6c2;--color-today-bg:#50d6c2;--color-today-text:#11130d;--color-other-month-bg:#11110d;--color-other-month-text:#514733;--color-cell-hover:#50d6c214;--event-bar-bg:#f8ecd21a}:root[data-visual-theme=minimal]{--font-family-global:"IBM Plex Sans KR", Pretendard, "Noto Sans KR", sans-serif;--color-bg:#f6f6f2;--color-surface:#fff;--color-surface-raised:#fff;--color-border:#d7d7d0;--color-grid-gap:#d7d7d0;--color-text:#111;--color-text-secondary:#555;--color-text-muted:#8a8a84;--color-accent:#151515;--color-accent-hover:#000;--color-accent-subtle:#e9e9e5;--color-danger:#b33030;--color-danger-hover:#8f2020;--color-danger-subtle:#b3303017;--color-important:#b48a00;--color-sunday:#9f2d2d;--color-saturday:#225f91;--color-today-bg:#111;--color-today-text:#fff;--color-other-month-bg:#eeeeea;--color-other-month-text:#b7b7b0;--color-cell-hover:#11111109;--event-bar-bg:#1111110e;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-full:0}:root[data-visual-theme=minimal][data-theme=dark]{--color-bg:#090909;--color-surface:#111;--color-surface-raised:#151515;--color-border:#2c2c2c;--color-grid-gap:#2c2c2c;--color-text:#f4f4f0;--color-text-secondary:#bababa;--color-text-muted:#727272;--color-accent:#f4f4f0;--color-accent-hover:#fff;--color-accent-subtle:#242424;--color-danger:#ff7070;--color-danger-hover:#ff9696;--color-danger-subtle:#ff70701f;--color-important:#d6c56c;--color-sunday:#ff7070;--color-saturday:#8fc8ff;--color-today-bg:#f4f4f0;--color-today-text:#090909;--color-other-month-bg:#0c0c0c;--color-other-month-text:#4a4a4a;--color-cell-hover:#ffffff09;--event-bar-bg:#ffffff14}:root[data-visual-theme=macos]{--font-family-global:"Lucida Grande", "Helvetica Neue", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--macos-metal-top:#f8f9fb;--macos-metal-mid:#dfe6ef;--macos-metal-bottom:#b8c4d3;--macos-aqua-top:#9be1ff;--macos-aqua-mid:#1f8eff;--macos-aqua-bottom:#005cc8;--macos-graphite:#6f7885;--macos-shadow:#26374a38;--color-bg:#dce7f4;--color-surface:#e8edf4;--color-surface-raised:#f8f9fb;--color-border:#9aa6b6;--color-grid-gap:#aeb8c6;--color-text:#162233;--color-text-secondary:#4d5868;--color-text-muted:#7c8796;--color-accent:#007aff;--color-accent-hover:#0062d6;--color-accent-subtle:#007aff24;--color-danger:#d8464e;--color-danger-hover:#b92831;--color-danger-subtle:#d8464e21;--color-important:#c99014;--color-sunday:#d8464e;--color-saturday:#006bb6;--color-today-bg:#007aff;--color-today-text:#fff;--color-other-month-bg:#cfd9e5;--color-other-month-text:#8f9aa9;--color-cell-hover:#ffffffa3;--event-bar-bg:#007aff1f;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px}:root[data-visual-theme=macos][data-theme=dark]{--macos-metal-top:#3a414b;--macos-metal-mid:#252b34;--macos-metal-bottom:#111820;--macos-aqua-top:#68c8ff;--macos-aqua-mid:#0a84ff;--macos-aqua-bottom:#0052b8;--macos-graphite:#aab6c4;--macos-shadow:#00000070;--color-bg:#111821;--color-surface:#222a34;--color-surface-raised:#303946;--color-border:#54606f;--color-grid-gap:#45505d;--color-text:#f2f7ff;--color-text-secondary:#c8d4e3;--color-text-muted:#8f9bac;--color-accent:#0a84ff;--color-accent-hover:#4da8ff;--color-accent-subtle:#0a84ff2e;--color-danger:#ff6b75;--color-danger-hover:#ff8c94;--color-danger-subtle:#ff6b7524;--color-important:#ffd36a;--color-sunday:#ff6b75;--color-saturday:#6fc7ff;--color-today-bg:#0a84ff;--color-today-text:#fff;--color-other-month-bg:#17202b;--color-other-month-text:#5f6976;--color-cell-hover:#ffffff14;--event-bar-bg:#0a84ff2e}:root[data-visual-theme=receipt]{--font-family-global:"Gowun Dodum", "Noto Sans KR", sans-serif;--receipt-print-font:"SFMono-Regular", "Courier New", "Noto Sans KR", monospace;--receipt-hand-font:"Nanum Pen Script", "Gowun Dodum", cursive;--receipt-paper:#fffef9;--receipt-paper-soft:#fbf7ef;--receipt-paper-raised:#fff;--receipt-ink:#24201a;--receipt-ink-soft:#61594d;--receipt-ink-faint:#aaa08f;--receipt-line:#24201a17;--receipt-line-strong:#24201a38;--receipt-highlight:#e75f48;--receipt-stamp:#126d63;--receipt-shadow:#483b271f;--receipt-ledger-blue:#2b37443d;--receipt-ledger-blue-strong:#2b374452;--receipt-ledger-red:#8e54542b;--receipt-crumple:linear-gradient(126deg, transparent 0 22%, #24201a0b 22.3%, #ffffff9e 23.2%, transparent 25.4%), linear-gradient(38deg, transparent 0 46%, #24201a0d 46.4%, #ffffff80 47.3%, transparent 49.5%), linear-gradient(151deg, transparent 0 63%, #24201a0a 63.5%, #ffffff6b 64.2%, transparent 66.5%), radial-gradient(ellipse at 22% 18%, #24201a0e, transparent 31%), radial-gradient(ellipse at 78% 70%, #24201a09, transparent 34%);--receipt-paper-grain:radial-gradient(circle at 14% 21%, #24201a09 0 1px, transparent 1.8px), radial-gradient(circle at 84% 24%, #24201a07 0 1px, transparent 1.7px), radial-gradient(circle at 54% 78%, #24201a07 0 1px, transparent 1.6px);--color-bg:#eee8dc;--color-surface:var(--receipt-paper);--color-surface-raised:var(--receipt-paper-raised);--color-border:var(--receipt-line);--color-grid-gap:#24201a1f;--color-text:var(--receipt-ink);--color-text-secondary:var(--receipt-ink-soft);--color-text-muted:var(--receipt-ink-faint);--color-accent:#24201a;--color-accent-hover:#40382d;--color-accent-subtle:#24201a0e;--color-danger:#c84832;--color-danger-hover:#a83826;--color-danger-subtle:#c848321a;--color-important:#d69924;--color-sunday:#c84832;--color-saturday:#126d63;--color-today-bg:#24201a;--color-today-text:#fffef9;--color-other-month-bg:#f6f1e8;--color-other-month-text:#c6bcaa;--color-cell-hover:#ffffffdb;--event-bar-bg:#24201a09;--color-todo-section-label:var(--receipt-ink-soft);--color-todo-date-label:var(--receipt-ink-faint);--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-full:999px}:root[data-visual-theme=receipt][data-theme=dark]{--receipt-paper:#191611;--receipt-paper-soft:#211c15;--receipt-paper-raised:#272117;--receipt-ink:#f8ecd2;--receipt-ink-soft:#d4c2a3;--receipt-ink-faint:#9d8f78;--receipt-line:#f8ecd22e;--receipt-line-strong:#f8ecd257;--receipt-highlight:#ff775e;--receipt-stamp:#62d6c3;--receipt-shadow:#00000061;--receipt-ledger-blue:#88929a2b;--receipt-ledger-blue-strong:#96a0a83b;--receipt-ledger-red:#a4767021;--receipt-crumple:linear-gradient(126deg, transparent 0 22%, #00000038 22.3%, #f8ecd216 23.2%, transparent 25.4%), linear-gradient(38deg, transparent 0 46%, #0000003d 46.4%, #f8ecd213 47.3%, transparent 49.5%), linear-gradient(151deg, transparent 0 63%, #0003 63.5%, #f8ecd211 64.2%, transparent 66.5%), radial-gradient(ellipse at 22% 18%, #0003, transparent 31%), radial-gradient(ellipse at 78% 70%, #f8ecd20b, transparent 34%);--receipt-paper-grain:radial-gradient(circle at 14% 21%, #f8ecd20f 0 1px, transparent 1.8px), radial-gradient(circle at 84% 24%, #f8ecd20b 0 1px, transparent 1.7px), radial-gradient(circle at 54% 78%, #f8ecd20a 0 1px, transparent 1.6px);--color-bg:#0f0d0a;--color-surface:var(--receipt-paper);--color-surface-raised:var(--receipt-paper-raised);--color-border:var(--receipt-line);--color-grid-gap:#f8ecd229;--color-text:var(--receipt-ink);--color-text-secondary:var(--receipt-ink-soft);--color-text-muted:var(--receipt-ink-faint);--color-accent:#f8ecd2;--color-accent-hover:#fff7e6;--color-accent-subtle:#f8ecd21a;--color-danger:#ff775e;--color-danger-hover:#ff9a86;--color-danger-subtle:#ff775e24;--color-important:#ffd06f;--color-sunday:#ff775e;--color-saturday:#62d6c3;--color-today-bg:#f8ecd2;--color-today-text:#14110c;--color-other-month-bg:#12100d;--color-other-month-text:#6d614f;--color-cell-hover:#f8ecd212;--event-bar-bg:#f8ecd214}:root[data-visual-theme=glass]{--font-family-global:Pretendard, "Noto Sans KR", sans-serif;--glass-panel-bg:linear-gradient(136deg, #ffffff6b, #ffffff29 52%, #ffffff3d);--glass-panel-strong-bg:linear-gradient(138deg, #ffffff85, #ffffff38 55%, #ecfbf94d);--glass-edge:#ffffffb8;--glass-edge-strong:#ffffffeb;--glass-inner-line:#ffffffad;--glass-shadow:#22363e2e;--glass-prism-a:#7567ff57;--glass-prism-b:#55dfd152;--glass-prism-c:#ffaac83d;--color-bg:#edf2f1;--color-surface:#ffffff57;--color-surface-raised:#ffffff85;--color-border:#ffffff9e;--color-grid-gap:#2d4b521f;--color-text:#11181d;--color-text-secondary:#4f6067;--color-text-muted:#7c8a8f;--color-accent:#7567ff;--color-accent-hover:#5e51db;--color-accent-subtle:#7567ff21;--color-danger:#ef7d91;--color-danger-hover:#d96278;--color-danger-subtle:#ef7d9124;--color-important:#d4aa42;--color-sunday:#d96b82;--color-saturday:#2687b4;--color-today-bg:#7567ff;--color-today-text:#fff;--color-other-month-bg:#ffffff2e;--color-other-month-text:#4f606775;--color-cell-hover:#ffffff6b;--event-bar-bg:#ffffff47;--radius-sm:4px;--radius-md:7px;--radius-lg:11px;--radius-xl:14px;--radius-full:999px}:root[data-visual-theme=glass][data-theme=dark]{--glass-panel-bg:linear-gradient(136deg, #ffffff1f, #ffffff0a 55%, #6effec11);--glass-panel-strong-bg:linear-gradient(138deg, #ffffff29, #ffffff0e 52%, #8479ff17);--glass-edge:#d6f8f857;--glass-edge-strong:#f4ffff8f;--glass-inner-line:#ffffff38;--glass-shadow:#0000006b;--glass-prism-a:#8479ff47;--glass-prism-b:#55dfd138;--glass-prism-c:#ff96be29;--color-bg:#10161a;--color-surface:#16222a52;--color-surface-raised:#1e2d3675;--color-border:#d6f8f847;--color-grid-gap:#d6f8f824;--color-text:#f6ffff;--color-text-secondary:#d7e9ec;--color-text-muted:#aec6cb;--color-accent:#8d82ff;--color-accent-hover:#afa7ff;--color-accent-subtle:#8d82ff24;--color-danger:#ff91a5;--color-danger-hover:#ffb2c0;--color-danger-subtle:#ff91a521;--color-important:#f1d06e;--color-sunday:#ff91a5;--color-saturday:#7bd9ff;--color-today-bg:#8d82ff;--color-today-text:#071015;--color-other-month-bg:#ffffff09;--color-other-month-text:#d6e7ea9e;--color-cell-hover:#ffffff1a;--event-bar-bg:#ffffff24}:root[data-visual-theme=terminal]{--font-family-global:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--color-bg:#eff9ee;--color-surface:#f8fff4;--color-surface-raised:#fff;--color-border:#007f3a5c;--color-grid-gap:#007f3a47;--color-text:#102116;--color-text-secondary:#315d3d;--color-text-muted:#78977e;--color-accent:#007f3a;--color-accent-hover:#006330;--color-accent-subtle:#007f3a1f;--color-danger:#b42835;--color-danger-hover:#8c1f29;--color-danger-subtle:#b428351a;--color-important:#b89100;--color-sunday:#b42835;--color-saturday:#146f9d;--color-today-bg:#007f3a;--color-today-text:#fff;--color-other-month-bg:#e2f0e0;--color-other-month-text:#9bb09d;--color-cell-hover:#007f3a0f;--event-bar-bg:#007f3a14;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-full:0}:root[data-visual-theme=terminal][data-theme=dark]{--color-bg:#030704;--color-surface:#07120b;--color-surface-raised:#0b1a10;--color-border:#36ff866b;--color-grid-gap:#36ff8647;--color-text:#d8ffe3;--color-text-secondary:#91e9ad;--color-text-muted:#4f9f69;--color-accent:#36ff86;--color-accent-hover:#7effad;--color-accent-subtle:#36ff8621;--color-danger:#ff6472;--color-danger-hover:#ff8791;--color-danger-subtle:#ff647221;--color-important:#ffe66d;--color-sunday:#ff6472;--color-saturday:#62d4ff;--color-today-bg:#36ff86;--color-today-text:#030704;--color-other-month-bg:#020402;--color-other-month-text:#245738;--color-cell-hover:#36ff860f;--event-bar-bg:#36ff8614}:root[data-visual-theme=stationery] body{background:linear-gradient(90deg, #7b664714 1px, transparent 1px), linear-gradient(180deg, #7b664714 1px, transparent 1px), var(--color-bg);background-size:22px 22px}:root[data-visual-theme=minimal] body{background:var(--color-bg)}:root[data-visual-theme=macos] body{background:radial-gradient(circle at 24% 0%, #ffffffe6 0 12%, transparent 34%), radial-gradient(circle at 82% 20%, #409cff38 0 18%, transparent 44%), repeating-linear-gradient(0deg, #ffffff57 0 1px, #6d7e911c 1px 2px), linear-gradient(180deg, #eef5ff 0%, var(--color-bg) 52%, #c7d5e6 100%);background-attachment:fixed}:root[data-visual-theme=macos][data-theme=dark] body{background:radial-gradient(circle at 24% 0%, #62b8ff2e 0 12%, transparent 34%), radial-gradient(circle at 82% 20%, #0a84ff29 0 18%, transparent 44%), repeating-linear-gradient(0deg, #ffffff0e 0 1px, #00000029 1px 2px), linear-gradient(180deg, #202a36 0%, var(--color-bg) 56%, #0a1018 100%);background-attachment:fixed}:root[data-visual-theme=receipt] body{background:radial-gradient(circle at 18% -8%, #ffffffb8 0 12%, transparent 38%), radial-gradient(circle at 86% 74%, #766e6214 0 16%, transparent 42%), var(--receipt-paper-grain), linear-gradient(180deg, #f3eee4 0%, #e8dfd2 52%, #dad1c2 100%);background-size:auto,auto,96px 96px,auto;background-attachment:fixed}:root[data-visual-theme=receipt][data-theme=dark] body{background:radial-gradient(circle at 18% -8%, #e8deca12 0 12%, transparent 38%), radial-gradient(circle at 86% 74%, #9180690b 0 16%, transparent 42%), var(--receipt-paper-grain), linear-gradient(180deg, #1a1714 0%, #100f0d 52%, #070706 100%);background-size:auto,auto,96px 96px,auto;background-attachment:fixed}:root[data-visual-theme=glass] body{background:linear-gradient(#f5f6f5 0%,#e8eceb 48%,#dfe4e3 100%) fixed}:root[data-visual-theme=glass][data-theme=dark] body{background:linear-gradient(#252a2d 0%,#181d20 50%,#111619 100%) fixed}:root[data-visual-theme=glass] #root{isolation:isolate;position:relative}:root[data-visual-theme=glass] #root:before{content:"";z-index:0;pointer-events:none;opacity:1;filter:drop-shadow(0 42px 64px #303a3e29);background:url(/glass-ranunculus.svg) 50% 46%/min(1380px,116vw) no-repeat;position:fixed;inset:0}:root[data-visual-theme=glass][data-theme=dark] #root:before{opacity:.58;filter:drop-shadow(0 34px 72px #0000005c)saturate(.9)brightness(.92)}:root[data-visual-theme=terminal] body{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--color-accent) 10%, transparent) 0 1px, transparent 1px 6px), var(--color-bg)}:root[data-visual-theme=stationery] .app,:root[data-visual-theme=minimal] .app,:root[data-visual-theme=macos] .app,:root[data-visual-theme=receipt] .app,:root[data-visual-theme=glass] .app,:root[data-visual-theme=terminal] .app,:root[data-visual-theme=stationery] .landing,:root[data-visual-theme=minimal] .landing,:root[data-visual-theme=macos] .landing,:root[data-visual-theme=receipt] .landing,:root[data-visual-theme=glass] .landing,:root[data-visual-theme=terminal] .landing{background:0 0}:root[data-visual-theme=receipt] #root{isolation:isolate;min-height:100vh;position:relative}:root[data-visual-theme=receipt] #root:before,:root[data-visual-theme=receipt] #root:after{content:"";pointer-events:none;position:fixed}:root[data-visual-theme=receipt] #root:before{z-index:0;box-sizing:border-box;background:linear-gradient(90deg, transparent 0 8%, var(--receipt-ledger-blue) 8% calc(8% + 1px), transparent calc(8% + 1px) 58%, var(--receipt-ledger-blue) 58% calc(58% + 1px), transparent calc(58% + 1px) 71%, var(--receipt-ledger-blue) 71% calc(71% + 1px), transparent calc(71% + 1px) 84%, var(--receipt-ledger-blue) 84% calc(84% + 1px), transparent calc(84% + 1px) 100%), repeating-linear-gradient(0deg, transparent 0 53px, var(--receipt-ledger-blue) 53px 54px), linear-gradient(180deg, transparent 0 108px, var(--receipt-ledger-blue-strong) 108px 110px, transparent 110px 100%), radial-gradient(circle at 52% 42%, #ffffff57, transparent 34%);color:var(--receipt-ledger-red);content:"950855";font-family:var(--receipt-print-font);letter-spacing:.08em;opacity:.46;text-shadow:0 1px #ffffff40;background-position:50% 92px,50% 208px,50% 92px,50%;background-repeat:repeat-y,repeat-y,repeat-y,no-repeat;background-size:min(1000px,92vw) 760px,min(1000px,92vw) 54px,min(1000px,92vw) 760px,auto;padding-top:clamp(180px,31vh,360px);padding-left:min(59vw,860px);font-size:clamp(56px,8vw,132px);font-weight:500;inset:0;transform:rotate(-1.1deg)}:root[data-visual-theme=receipt] #root:after{z-index:0;box-sizing:border-box;background:linear-gradient(90deg, transparent 0 62%, var(--receipt-ledger-blue-strong) 62% calc(62% + 1px), transparent calc(62% + 1px) 75%, var(--receipt-ledger-blue) 75% calc(75% + 1px), transparent calc(75% + 1px) 88%, var(--receipt-ledger-blue) 88% calc(88% + 1px), transparent calc(88% + 1px) 100%), repeating-linear-gradient(0deg, transparent 0 52px, var(--receipt-ledger-blue) 52px 53px), linear-gradient(180deg, transparent 0 120px, var(--receipt-ledger-blue-strong) 120px 122px, transparent 122px 100%), linear-gradient(180deg, #fffbf047, #eee1c721);width:min(940px,100vw - 52px);height:calc(100vh - 122px);min-height:620px;color:var(--receipt-ledger-blue-strong);content:"Date____________________________\a \a M________________________________________\a Address__________________________________\a Reg. No.        Clerk           Account Forward\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 10\a 11\a 12\a 13\a 14\a 15";font-family:var(--receipt-print-font);letter-spacing:-.02em;opacity:.5;text-shadow:0 1px #ffffff47;white-space:pre;border:1px solid #2b374412;padding:clamp(34px,4vw,58px) clamp(28px,5vw,74px);font-size:clamp(12px,1.4vw,18px);font-weight:500;line-height:2.16;top:clamp(72px,8vh,118px);left:max(26px,50% - 610px);overflow:hidden;transform:rotate(-.7deg)}:root[data-visual-theme=receipt][data-theme=dark] #root:before{opacity:.28;text-shadow:0 1px #0000005c}:root[data-visual-theme=receipt][data-theme=dark] #root:after{background:linear-gradient(90deg, transparent 0 62%, var(--receipt-ledger-blue-strong) 62% calc(62% + 1px), transparent calc(62% + 1px) 75%, var(--receipt-ledger-blue) 75% calc(75% + 1px), transparent calc(75% + 1px) 88%, var(--receipt-ledger-blue) 88% calc(88% + 1px), transparent calc(88% + 1px) 100%), repeating-linear-gradient(0deg, transparent 0 52px, var(--receipt-ledger-blue) 52px 53px), linear-gradient(180deg, transparent 0 120px, var(--receipt-ledger-blue-strong) 120px 122px, transparent 122px 100%), linear-gradient(180deg, #2d261c47, #0c0a071f);opacity:.34;text-shadow:0 1px #0000005c;border-color:#96a0a80f}:root[data-visual-theme=receipt] .app,:root[data-visual-theme=receipt] .landing,:root[data-visual-theme=glass] .app,:root[data-visual-theme=glass] .landing{z-index:1;position:relative}:root[data-visual-theme=glass] .modal-overlay{-webkit-backdrop-filter:blur(5px)saturate(1.08);backdrop-filter:blur(5px)saturate(1.08);background:#e5eae92e}:root[data-visual-theme=glass][data-theme=dark] .modal-overlay{background:#080d1057}:root[data-visual-theme=glass] .landing-inner{gap:30px;width:min(760px,88vw);padding:44px 52px 38px}:root[data-visual-theme=glass] .landing-prompt-section{gap:22px}:root[data-visual-theme=glass] .landing-input{-webkit-backdrop-filter:blur(5px)saturate(1.12);background:#ffffff57;padding:17px 22px}:root[data-visual-theme=glass] .landing-hint{margin-top:2px}:root[data-visual-theme=stationery] .app-header,:root[data-visual-theme=stationery] .calendar-section,:root[data-visual-theme=stationery] .side-panel,:root[data-visual-theme=stationery] .todo-list,:root[data-visual-theme=stationery] .modal-card,:root[data-visual-theme=stationery] .tutorial-mockup-modal,:root[data-visual-theme=stationery] .date-click-panel,:root[data-visual-theme=stationery] .mobile-warning-card{border:1px dashed var(--color-border);background:linear-gradient(90deg, #7b66470d 1px, transparent 1px), linear-gradient(180deg, #7b66470d 1px, transparent 1px), var(--color-surface-raised);background-size:18px 18px;box-shadow:0 14px 34px #48331821}:root[data-visual-theme=stationery] .app-header{background:linear-gradient(90deg, color-mix(in srgb, var(--color-surface) 72%, var(--color-important) 28%) 0 90px, transparent 90px), var(--color-surface);border-width:0 0 1px}:root[data-visual-theme=stationery] .app-logo-icon{filter:saturate(1.2)}:root[data-visual-theme=stationery] .calendar-cell{background:linear-gradient(90deg, #7b66470e 1px, transparent 1px), var(--color-surface-raised);background-size:16px 100%}:root[data-visual-theme=stationery] .event-chip,:root[data-visual-theme=stationery] .event-bar,:root[data-visual-theme=stationery] .drag-ghost-chip{border-top:1px dashed color-mix(in srgb, var(--color-border) 80%, transparent);border-bottom:1px dashed color-mix(in srgb, var(--color-border) 80%, transparent);font-weight:700}:root[data-visual-theme=stationery] .todo-item{background:linear-gradient(90deg, #2b8f861c 0 6px, transparent 6px), var(--color-surface-raised)}:root[data-visual-theme=stationery] .landing-inner,:root[data-visual-theme=stationery] .tutorial-mockup-copy,:root[data-visual-theme=stationery] .tutorial-mockup-preview,:root[data-visual-theme=stationery] .tutorial-mockup-web-window,:root[data-visual-theme=stationery] .tutorial-visual-panel,:root[data-visual-theme=stationery] .tutorial-visual-calendar,:root[data-visual-theme=stationery] .tutorial-visual-quick-card,:root[data-visual-theme=stationery] .tutorial-visual-todo-flow{border:1px dashed var(--color-border);background:linear-gradient(90deg, #7b66470e 1px, transparent 1px), linear-gradient(180deg, #7b66470e 1px, transparent 1px), var(--color-surface-raised);background-size:18px 18px}:root[data-visual-theme=stationery] .tutorial-mockup-step-label,:root[data-visual-theme=stationery] .todo-count{background:color-mix(in srgb, var(--color-important) 72%, var(--color-surface));color:var(--color-text)}:root[data-visual-theme=minimal] .app-header,:root[data-visual-theme=minimal] .calendar-section,:root[data-visual-theme=minimal] .side-panel,:root[data-visual-theme=minimal] .todo-list,:root[data-visual-theme=minimal] .modal-card,:root[data-visual-theme=minimal] .tutorial-mockup-modal,:root[data-visual-theme=minimal] .date-click-panel,:root[data-visual-theme=minimal] .mobile-warning-card,:root[data-visual-theme=minimal] .landing-inner,:root[data-visual-theme=minimal] .app-sidebar{border:1px solid var(--color-border);box-shadow:none}:root[data-visual-theme=minimal] .app-header{background:var(--color-surface);border-width:0 0 1px}:root[data-visual-theme=minimal] .calendar-section,:root[data-visual-theme=minimal] .side-panel,:root[data-visual-theme=minimal] .todo-list,:root[data-visual-theme=minimal] .nl-input-container{background:var(--color-surface)}:root[data-visual-theme=minimal] .calendar-header,:root[data-visual-theme=minimal] .todo-header,:root[data-visual-theme=minimal] .modal-header,:root[data-visual-theme=minimal] .date-click-panel__header,:root[data-visual-theme=minimal] .date-click-panel__footer{border-color:var(--color-border)}:root[data-visual-theme=minimal] .calendar-cell{background:var(--color-surface)}:root[data-visual-theme=minimal] .calendar-cell:hover{background:var(--color-cell-hover)}:root[data-visual-theme=minimal] .event-chip,:root[data-visual-theme=minimal] .event-bar,:root[data-visual-theme=minimal] .drag-ghost-chip{border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-weight:600}:root[data-visual-theme=minimal] .todo-item{background:var(--color-surface-raised);border:1px solid #0000}:root[data-visual-theme=minimal] .todo-item:hover{border-color:var(--color-border);box-shadow:none}:root[data-visual-theme=minimal][data-theme=dark] .btn-primary:not(.btn-primary--danger),:root[data-visual-theme=minimal][data-theme=dark] .duration-btn.active,:root[data-visual-theme=minimal][data-theme=dark] .todo-count,:root[data-visual-theme=minimal][data-theme=dark] .btn-primary:not(.btn-primary--danger):hover{color:var(--color-bg)}:root[data-visual-theme=minimal] .tutorial-mockup-copy,:root[data-visual-theme=minimal] .tutorial-mockup-preview,:root[data-visual-theme=minimal] .tutorial-mockup-web-window,:root[data-visual-theme=minimal] .tutorial-visual-panel,:root[data-visual-theme=minimal] .tutorial-visual-calendar,:root[data-visual-theme=minimal] .tutorial-visual-quick-card,:root[data-visual-theme=minimal] .tutorial-visual-todo-flow,:root[data-visual-theme=minimal] .tutorial-visual-diary-toolbar,:root[data-visual-theme=minimal] .tutorial-visual-social-search,:root[data-visual-theme=minimal] .tutorial-visual-profile-card,:root[data-visual-theme=minimal] .tutorial-visual-friend-calendar{border:1px solid var(--color-border);box-shadow:none}:root[data-visual-theme=macos] .app-header,:root[data-visual-theme=macos] .calendar-section,:root[data-visual-theme=macos] .todo-list,:root[data-visual-theme=macos] .modal-card,:root[data-visual-theme=macos] .tutorial-mockup-modal,:root[data-visual-theme=macos] .date-click-panel,:root[data-visual-theme=macos] .mobile-warning-card,:root[data-visual-theme=macos] .landing-inner,:root[data-visual-theme=macos] .app-sidebar{border:1px solid var(--color-border);background:repeating-linear-gradient(0deg, #ffffff59 0 1px, #64748814 1px 2px), linear-gradient(180deg, var(--macos-metal-top), var(--macos-metal-mid) 48%, var(--macos-metal-bottom));box-shadow:inset 0 1px 0 #ffffffeb, inset 0 -1px 0 #48526038, 0 20px 52px var(--macos-shadow)}:root[data-visual-theme=macos] .app-header{border-width:0 0 1px;border-radius:0;min-height:58px;padding:12px 24px 12px 84px;position:relative}:root[data-visual-theme=macos] .app-header:before,:root[data-visual-theme=macos] .calendar-header:before,:root[data-visual-theme=macos] .landing-inner:after,:root[data-visual-theme=macos] .modal-header:before,:root[data-visual-theme=macos] .tutorial-mockup-header:before,:root[data-visual-theme=macos] .date-click-panel__header:before{content:"";background:radial-gradient(circle at 34% 28%,#ffffffe6 0 16%,#0000 40%),#ff5f57;border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:20px 0 #febc2e,40px 0 #28c840,inset 0 -1px 2px #00000047}:root[data-visual-theme=macos] .app-header:before{top:50%;left:24px;transform:translateY(-50%)}:root[data-visual-theme=macos] .app-logo-icon{background:linear-gradient(180deg, #fffffff5, #b0bed29e), var(--color-surface-raised);opacity:1;border:1px solid #505c6c73;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;display:inline-flex;box-shadow:inset 0 1px #fffffff5,0 3px 9px #23324429}:root[data-visual-theme=macos] .app-logo-text,:root[data-visual-theme=macos] .landing-title{color:var(--color-text);text-shadow:0 1px #ffffffb8}:root[data-visual-theme=macos][data-theme=dark] .app-logo-text,:root[data-visual-theme=macos][data-theme=dark] .landing-title{text-shadow:0 1px #00000075}:root[data-visual-theme=macos] .app-main{padding:24px 28px 38px 52px}:root[data-visual-theme=macos] .app-body{gap:24px}:root[data-visual-theme=macos] .calendar-section,:root[data-visual-theme=macos] .todo-list,:root[data-visual-theme=macos] .landing-inner,:root[data-visual-theme=macos] .modal-card,:root[data-visual-theme=macos] .tutorial-mockup-modal,:root[data-visual-theme=macos] .date-click-panel{border-radius:13px;overflow:hidden}:root[data-visual-theme=macos] .calendar-header,:root[data-visual-theme=macos] .todo-header,:root[data-visual-theme=macos] .modal-header,:root[data-visual-theme=macos] .tutorial-mockup-header,:root[data-visual-theme=macos] .date-click-panel__header{border-bottom:1px solid color-mix(in srgb, var(--color-border) 86%, transparent);background:repeating-linear-gradient(0deg, #ffffff61 0 1px, #5765761a 1px 2px), linear-gradient(180deg, var(--macos-metal-top), var(--macos-metal-mid) 52%, var(--macos-metal-bottom));min-height:42px;position:relative;box-shadow:inset 0 1px #ffffffeb,0 1px #ffffff75}:root[data-visual-theme=macos] .calendar-header{padding:14px 20px 11px 86px}:root[data-visual-theme=macos] .calendar-header:before,:root[data-visual-theme=macos] .modal-header:before,:root[data-visual-theme=macos] .tutorial-mockup-header:before,:root[data-visual-theme=macos] .date-click-panel__header:before{top:50%;left:22px;transform:translateY(-50%)}:root[data-visual-theme=macos] .todo-header{padding:12px 18px 10px 20px}:root[data-visual-theme=macos] .calendar-title,:root[data-visual-theme=macos] .todo-header h3{color:var(--color-text);text-shadow:0 1px #ffffffd1;background:linear-gradient(#fffffff5 0%,#e5ebf4e6 48%,#bcc9d9cc 100%);border:1px solid #616d7c80;box-shadow:inset 0 1px #fffffffa,0 1px #ffffffb8,0 4px 10px #36485c1f}:root[data-visual-theme=macos] .todo-header h3{transform:none}:root[data-visual-theme=macos] .calendar-grid{background:linear-gradient(#9eaaba,#c3ccd8);gap:1px;padding:1px}:root[data-visual-theme=macos] .calendar-cell{background:linear-gradient(180deg, #fffffff5, #eff4fae6), var(--color-surface-raised);border:0;box-shadow:inset 0 1px #ffffffe6,inset 1px 0 #ffffff70}:root[data-visual-theme=macos] .calendar-cell:nth-child(2n){background:linear-gradient(180deg, #ffffffe0, #e8eff8db), var(--color-surface)}:root[data-visual-theme=macos] .calendar-cell:hover,:root[data-visual-theme=macos] .calendar-cell--drag-over{background:linear-gradient(180deg, #fffffff5, #daecffeb), var(--color-accent-subtle);outline:1px solid color-mix(in srgb, var(--color-accent) 46%, transparent);outline-offset:-1px}:root[data-visual-theme=macos] .cell-day.today-badge{background:radial-gradient(circle at 34% 18%, #ffffffe6 0 18%, transparent 40%), linear-gradient(180deg, var(--macos-aqua-top), var(--macos-aqua-mid) 48%, var(--macos-aqua-bottom));color:#fff;box-shadow:inset 0 1px #ffffffad,inset 0 -1px #002b6470,0 3px 8px #005abe3d}:root[data-visual-theme=macos] .event-chip,:root[data-visual-theme=macos] .event-bar,:root[data-visual-theme=macos] .drag-ghost-chip{border:1px solid color-mix(in srgb, var(--todo-color,var(--color-accent)) 44%, #fff);color:var(--color-text);border-radius:4px;box-shadow:inset 0 1px #ffffffd1,0 1px 2px #303e5229;background:linear-gradient(180deg, #ffffffd1, #ffffff2e 45%, #00000009), color-mix(in srgb, var(--todo-color,var(--color-accent)) 26%, var(--event-bar-bg))!important}:root[data-visual-theme=macos] .side-panel{top:18px}:root[data-visual-theme=macos] .nl-input{background:linear-gradient(#d6e0edd9,#fffffff5 24%,#fffffffa);border:1px solid #8c98a9;border-radius:12px;box-shadow:inset 0 2px 5px #2e3c4e2e,0 1px #ffffffdb}:root[data-visual-theme=macos] .nl-input:focus,:root[data-visual-theme=macos] .landing-input:focus,:root[data-visual-theme=macos] .modal-form input:focus,:root[data-visual-theme=macos] .modal-form textarea:focus{border-color:#178bff;box-shadow:inset 0 2px 5px #2e3c4e24,0 0 0 3px #007aff2e,0 0 16px #007aff2e}:root[data-visual-theme=macos] .todo-list{--color-accent:#007aff;--color-accent-hover:#0062d6;--color-accent-subtle:#007aff1f;--color-text:#162233;--color-text-secondary:#4d5868;--color-text-muted:#7c8796;--color-border:#aeb8c6;background:linear-gradient(180deg, var(--macos-metal-top), var(--macos-metal-mid) 44px, var(--color-surface-raised) 45px)}:root[data-visual-theme=macos][data-theme=dark] .todo-list{--color-accent:#0a84ff;--color-accent-hover:#4da8ff;--color-accent-subtle:#0a84ff2e;--color-text:#f2f7ff;--color-text-secondary:#c8d4e3;--color-text-muted:#8f9bac;--color-border:#54606f}:root[data-visual-theme=macos] .todo-group{border-top-color:#8e9aaa8f}:root[data-visual-theme=macos] .todo-item{background:linear-gradient(#ffffffe0,#e8eff8b8);border:1px solid #7e8b9b57;border-radius:7px;margin:0 10px 2px;padding:7px 8px 7px 28px;box-shadow:inset 0 1px #ffffffdb}:root[data-visual-theme=macos] .todo-item:before{border-radius:999px;width:4px;top:7px;bottom:7px;left:13px;box-shadow:inset 0 1px #ffffff94}:root[data-visual-theme=macos] .todo-check{background:linear-gradient(#fff,#dce5f0);border-radius:4px;box-shadow:inset 0 1px #ffffffeb,0 1px 2px #28364824}:root[data-visual-theme=macos] .todo-check.checked{background:radial-gradient(circle at 32% 18%, #ffffffdb 0 18%, transparent 42%), linear-gradient(180deg, var(--macos-aqua-top), var(--macos-aqua-mid) 52%, var(--macos-aqua-bottom));color:#fff;border-color:#0062d6}:root[data-visual-theme=macos] .theme-toggle-btn,:root[data-visual-theme=macos] .landing-theme-btn,:root[data-visual-theme=macos] .cal-nav-btn,:root[data-visual-theme=macos] .view-mode-btn,:root[data-visual-theme=macos] .settings-btn,:root[data-visual-theme=macos] .login-btn,:root[data-visual-theme=macos] .btn-secondary,:root[data-visual-theme=macos] .tutorial-mockup-nav button,:root[data-visual-theme=macos] .mobile-warning-store-btn,:root[data-visual-theme=macos] .mobile-warning-continue-btn{color:var(--color-text-secondary);background:linear-gradient(#fffffff5,#e4ebf4db 50%,#b8c5d6e6);border:1px solid #5c687880;box-shadow:inset 0 1px #fffffff0,0 1px 2px #2c384a29}:root[data-visual-theme=macos] .btn-primary,:root[data-visual-theme=macos] .duration-btn.active,:root[data-visual-theme=macos] .tutorial-mockup-nav button:last-child,:root[data-visual-theme=macos] .login-social-btn--apple.login-social-btn--active{background:radial-gradient(circle at 50% 12%, #ffffffdb 0 16%, transparent 42%), linear-gradient(180deg, var(--macos-aqua-top), var(--macos-aqua-mid) 50%, var(--macos-aqua-bottom));color:#fff;text-shadow:0 -1px #00327870;border:1px solid #0056c1;box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #0023586b,0 5px 16px #0062d63d}:root[data-visual-theme=macos] .btn-primary--danger,:root[data-visual-theme=macos] .btn-danger{border-color:color-mix(in srgb, var(--color-danger) 82%, black);background:radial-gradient(circle at 50% 12%, #ffffffd1 0 16%, transparent 42%), linear-gradient(180deg, #ff9aa1, var(--color-danger) 52%, color-mix(in srgb, var(--color-danger) 72%, black))}:root[data-visual-theme=macos] .duration-toggle{background:#ffffff75;border-color:#8c98a9;border-radius:9px;box-shadow:inset 0 1px 3px #28364821}:root[data-visual-theme=macos] .modal-header,:root[data-visual-theme=macos] .tutorial-mockup-header,:root[data-visual-theme=macos] .date-click-panel__header{padding-left:84px}:root[data-visual-theme=macos] .modal-form input,:root[data-visual-theme=macos] .modal-form textarea,:root[data-visual-theme=macos] .date-click-panel input,:root[data-visual-theme=macos] .date-click-panel textarea,:root[data-visual-theme=macos] .login-input,:root[data-visual-theme=macos] .event-form-input,:root[data-visual-theme=macos] .event-form-textarea{background:linear-gradient(#d6e0edc7,#fffffff5 22%,#fffffffa);border:1px solid #8c98a9;box-shadow:inset 0 2px 5px #2e3c4e2e}:root[data-visual-theme=macos] .landing-inner{gap:28px;width:min(760px,88vw);padding:86px 54px 42px;position:relative}:root[data-visual-theme=macos] .landing-inner:before{content:"Saydays";border-bottom:1px solid color-mix(in srgb, var(--color-border) 86%, transparent);background:repeating-linear-gradient(0deg, #ffffff61 0 1px, #5765761a 1px 2px), linear-gradient(180deg, var(--macos-metal-top), var(--macos-metal-mid) 52%, var(--macos-metal-bottom));height:46px;color:var(--color-text-secondary);text-shadow:0 1px #ffffffb8;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0 0 auto}:root[data-visual-theme=macos] .landing-inner:after{top:16px;left:22px}:root[data-visual-theme=macos] .landing-question{color:var(--color-text);text-shadow:0 1px #ffffffad}:root[data-visual-theme=macos] .landing-input{background:linear-gradient(#d6e0edc7,#fffffff5 24%,#fffffffa);border:1px solid #8c98a9;border-radius:12px;padding:17px 22px;box-shadow:inset 0 2px 6px #2e3c4e2e,0 1px #ffffffdb}:root[data-visual-theme=macos] .tutorial-mockup-preview,:root[data-visual-theme=macos] .tutorial-mockup-web-window,:root[data-visual-theme=macos] .tutorial-visual-panel,:root[data-visual-theme=macos] .tutorial-visual-calendar,:root[data-visual-theme=macos] .tutorial-visual-quick-card,:root[data-visual-theme=macos] .tutorial-visual-todo-flow,:root[data-visual-theme=macos] .tutorial-visual-diary-toolbar,:root[data-visual-theme=macos] .tutorial-visual-social-search,:root[data-visual-theme=macos] .tutorial-visual-profile-card,:root[data-visual-theme=macos] .tutorial-visual-friend-calendar{border:1px solid var(--color-border);background:repeating-linear-gradient(0deg, #ffffff47 0 1px, #64748814 1px 2px), linear-gradient(180deg, var(--color-surface-raised), var(--color-surface));box-shadow:inset 0 1px 0 #ffffffe0, 0 14px 34px var(--macos-shadow)}:root[data-visual-theme=macos] .tutorial-mockup-web-topbar{background:repeating-linear-gradient(0deg, #ffffff61 0 1px, #5765761a 1px 2px), linear-gradient(180deg, var(--macos-metal-top), var(--macos-metal-mid) 52%, var(--macos-metal-bottom));border-bottom:1px solid var(--color-border)}:root[data-visual-theme=macos] .tutorial-mockup-web-topbar span{box-shadow:inset 0 -1px 2px #0000003d}:root[data-visual-theme=macos] .tutorial-mockup-web-topbar span:first-child{background:#ff5f57}:root[data-visual-theme=macos] .tutorial-mockup-web-topbar span:nth-child(2){background:#febc2e}:root[data-visual-theme=macos] .tutorial-mockup-web-topbar span:nth-child(3){background:#28c840}:root[data-visual-theme=macos] .tutorial-visual-calendar span,:root[data-visual-theme=macos] .tutorial-visual-todo-row,:root[data-visual-theme=macos] .tutorial-visual-input,:root[data-visual-theme=macos] .tutorial-visual-parse-card,:root[data-visual-theme=macos] .tutorial-visual-pill{background:linear-gradient(#fffffff0,#e6edf7db);box-shadow:inset 0 1px #ffffffd6}:root[data-visual-theme=macos] .tutorial-visual-calendar .tutorial-visual-cell--today,:root[data-visual-theme=macos] .tutorial-visual-save-row b,:root[data-visual-theme=macos] .tutorial-visual-plus-btn,:root[data-visual-theme=macos] .tutorial-visual-tool--active{background:radial-gradient(circle at 50% 12%, #ffffffd1 0 16%, transparent 42%), linear-gradient(180deg, var(--macos-aqua-top), var(--macos-aqua-mid) 52%, var(--macos-aqua-bottom))}:root[data-visual-theme=macos][data-theme=dark] .calendar-title,:root[data-visual-theme=macos][data-theme=dark] .todo-header h3,:root[data-visual-theme=macos][data-theme=dark] .theme-toggle-btn,:root[data-visual-theme=macos][data-theme=dark] .landing-theme-btn,:root[data-visual-theme=macos][data-theme=dark] .cal-nav-btn,:root[data-visual-theme=macos][data-theme=dark] .view-mode-btn,:root[data-visual-theme=macos][data-theme=dark] .settings-btn,:root[data-visual-theme=macos][data-theme=dark] .login-btn,:root[data-visual-theme=macos][data-theme=dark] .btn-secondary,:root[data-visual-theme=macos][data-theme=dark] .tutorial-mockup-nav button{color:var(--color-text-secondary);text-shadow:0 1px #0000006b;background:linear-gradient(#ffffff1f,#ffffff0a 50%,#00000029)}:root[data-visual-theme=macos][data-theme=dark] .calendar-cell,:root[data-visual-theme=macos][data-theme=dark] .todo-item,:root[data-visual-theme=macos][data-theme=dark] .tutorial-visual-calendar span{background:linear-gradient(180deg, #ffffff14, #ffffff09), var(--color-surface)}:root[data-visual-theme=macos] .tutorial-mockup-overlay{-webkit-backdrop-filter:blur(8px)saturate(1.05);background:#37465a5c}:root[data-visual-theme=macos] .tutorial-mockup-modal{isolation:isolate;background:linear-gradient(180deg, #ffffffc7, transparent 82px), repeating-linear-gradient(0deg, #ffffff59 0 1px, #64748814 1px 2px), linear-gradient(180deg, var(--macos-metal-top), var(--macos-metal-mid) 76px, var(--color-surface-raised) 77px);border-radius:18px 18px 13px 13px;position:relative;box-shadow:inset 0 1px #fffffff2,inset 0 -1px #4852602e,0 30px 90px #23324457}:root[data-visual-theme=macos] .tutorial-mockup-header{border-bottom:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);background:repeating-linear-gradient(0deg, #ffffff6b 0 1px, #5765761a 1px 2px), linear-gradient(180deg, var(--macos-metal-top), var(--macos-metal-mid) 54%, var(--macos-metal-bottom));align-items:center;min-height:64px;padding:18px 72px 14px 84px;box-shadow:inset 0 1px #fffffff2,0 1px #ffffff85}:root[data-visual-theme=macos] .tutorial-mockup-header>div{text-align:center;width:100%;min-width:0}:root[data-visual-theme=macos] .tutorial-mockup-header h2{color:var(--color-text);text-shadow:0 1px #ffffffb8;margin:2px 0 0;font-size:18px;font-weight:700}:root[data-visual-theme=macos] .tutorial-mockup-kicker{border-radius:var(--radius-full);width:fit-content;color:var(--color-text-secondary);text-transform:none;background:linear-gradient(#fffffff0,#dee7f3cc);border:1px solid #5e6c7e6b;margin:0 auto;padding:3px 10px;font-size:10px;box-shadow:inset 0 1px #ffffffe6,0 1px #ffffff94}:root[data-visual-theme=macos] .tutorial-mockup-header .modal-close{width:28px;height:28px;color:var(--color-text-secondary);background:linear-gradient(#fffffff0,#dde5f0c7 52%,#a8b5c6d1);border:1px solid #5c687875;border-radius:50%;position:absolute;top:17px;right:22px;box-shadow:inset 0 1px #fffffff5,0 1px 2px #2c384a29}:root[data-visual-theme=macos] .tutorial-mockup-body{background:linear-gradient(180deg, #ffffff7a, #ffffff2e), var(--color-surface);gap:18px;padding:20px 22px 22px}:root[data-visual-theme=macos] .tutorial-mockup-copy{background:linear-gradient(180deg, #ffffffe0, #e7eef7c7), var(--color-surface-raised);border:1px solid #808d9e85;border-radius:12px;min-height:520px;padding:28px 22px 22px;position:relative;box-shadow:inset 0 1px #ffffffe6,0 10px 24px #2c3c501f}:root[data-visual-theme=macos] .tutorial-mockup-copy:before{content:"Help Viewer";height:28px;color:var(--color-text-secondary);background:repeating-linear-gradient(0deg,#ffffff57 0 1px,#57657614 1px 2px),linear-gradient(#f8f9fb,#d7e0eb);border-bottom:1px solid #808d9e70;align-items:center;padding-left:16px;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}:root[data-visual-theme=macos] .tutorial-mockup-step-label{border-radius:var(--radius-full);background:radial-gradient(circle at 50% 12%, #ffffffdb 0 16%, transparent 42%), linear-gradient(180deg, var(--macos-aqua-top), var(--macos-aqua-mid) 50%, var(--macos-aqua-bottom));color:#fff;text-shadow:0 -1px #00327870;border:1px solid #0056c1;margin-top:18px;padding:5px 11px;box-shadow:inset 0 1px #ffffffb8,0 5px 16px #0062d63d}:root[data-visual-theme=macos] .tutorial-mockup-copy h3{color:var(--color-text);letter-spacing:-.2px;text-shadow:0 1px #ffffffb8;font-size:24px}:root[data-visual-theme=macos] .tutorial-mockup-copy p{color:var(--color-text-secondary)}:root[data-visual-theme=macos] .tutorial-mockup-copy .tutorial-mockup-detail{background:linear-gradient(#ffffffb8,#dde6f26b);border:1px solid #808d9e6b;border-radius:9px;padding:12px 13px;box-shadow:inset 0 1px #ffffffc7}:root[data-visual-theme=macos] .tutorial-mockup-dot{background:linear-gradient(#fff,#c9d4e2);border:1px solid #5c68786b;border-radius:50%;width:9px;height:9px;box-shadow:inset 0 1px #ffffffe0}:root[data-visual-theme=macos] .tutorial-mockup-dot--active{border-radius:var(--radius-full);background:radial-gradient(circle at 50% 12%, #ffffffd1 0 16%, transparent 42%), linear-gradient(180deg, var(--macos-aqua-top), var(--macos-aqua-mid) 52%, var(--macos-aqua-bottom));border-color:#0056c1;width:32px}:root[data-visual-theme=macos] .tutorial-skip-btn{color:var(--color-text-secondary)}:root[data-visual-theme=macos] .tutorial-mockup-preview{background:radial-gradient(circle at 76% 20%,#007aff24,#0000 34%),repeating-linear-gradient(0deg,#ffffff57 0 1px,#64748814 1px 2px),linear-gradient(#f6f8fb,#d9e3ef);border-radius:14px;padding:28px}:root[data-visual-theme=macos] .tutorial-mockup-web-window{background:linear-gradient(180deg, var(--macos-metal-top), var(--macos-metal-mid) 38px, #f8fafc 39px);border-radius:14px;box-shadow:inset 0 1px #fffffff5,0 22px 54px #2c3c5038}:root[data-visual-theme=macos] .tutorial-mockup-web-stage{background:linear-gradient(#ffffffb8,#e7eef7bd);gap:18px;padding:20px}:root[data-visual-theme=macos] .tutorial-visual-panel{border-radius:12px;padding:18px}:root[data-visual-theme=macos] .tutorial-visual-calendar{background:linear-gradient(#9eaaba,#c3ccd8);border-radius:12px;gap:1px;padding:1px}:root[data-visual-theme=macos] .tutorial-visual-calendar span{border-radius:0}:root[data-visual-theme=macos] .tutorial-visual-calendar span:nth-child(7n+1){border-radius:8px 0 0 8px}:root[data-visual-theme=macos] .tutorial-visual-calendar span:nth-child(7n){border-radius:0 8px 8px 0}:root[data-visual-theme=macos] .tutorial-visual-calendar .tutorial-visual-cell--event,:root[data-visual-theme=macos] .tutorial-visual-friend-calendar .tutorial-visual-friend-day--filled{background:linear-gradient(90deg, var(--color-accent) 0 4px, #007aff29 4px 100%), linear-gradient(180deg, #fffffff0, #e6edf7db)}:root[data-visual-theme=macos] .tutorial-visual-calendar .tutorial-visual-cell--target{outline-color:#007affb8;box-shadow:0 0 0 7px #007aff29}:root[data-visual-theme=macos] .tutorial-visual-line,:root[data-visual-theme=macos] .tutorial-visual-input span,:root[data-visual-theme=macos] .tutorial-visual-save-row span,:root[data-visual-theme=macos] .tutorial-visual-todo-row i,:root[data-visual-theme=macos] .tutorial-visual-quick-lines span,:root[data-visual-theme=macos] .tutorial-visual-slider,:root[data-visual-theme=macos] .tutorial-visual-social-search span,:root[data-visual-theme=macos] .tutorial-visual-profile-card i,:root[data-visual-theme=macos] .tutorial-visual-friend-calendar span,:root[data-visual-theme=macos] .tutorial-visual-device span,:root[data-visual-theme=macos] .tutorial-visual-workspace-map span{background:linear-gradient(#ffffffd1,#b0bed26b);box-shadow:inset 0 1px #ffffffd6}:root[data-visual-theme=macos] .tutorial-visual-quick-card,:root[data-visual-theme=macos] .tutorial-visual-todo-flow,:root[data-visual-theme=macos] .tutorial-visual-diary-toolbar,:root[data-visual-theme=macos] .tutorial-visual-social-search,:root[data-visual-theme=macos] .tutorial-visual-profile-card,:root[data-visual-theme=macos] .tutorial-visual-friend-calendar,:root[data-visual-theme=macos] .tutorial-visual-workspace-map,:root[data-visual-theme=macos] .tutorial-visual-device,:root[data-visual-theme=macos] .tutorial-visual-sync-cloud span{background:linear-gradient(#ffffffe0,#e7eef7c7);border:1px solid #808d9e85;box-shadow:inset 0 1px #ffffffe6,0 10px 24px #2c3c5024}:root[data-visual-theme=macos] .tutorial-visual-input,:root[data-visual-theme=macos] .tutorial-visual-todo-row,:root[data-visual-theme=macos] .tutorial-visual-deleted-chip,:root[data-visual-theme=macos] .tutorial-visual-trash-tray,:root[data-visual-theme=macos] .tutorial-visual-trash-bin{background:linear-gradient(#ffffffe6,#e0e9f4bf);border:1px solid #808d9e80;box-shadow:inset 0 1px #ffffffe0,0 4px 12px #2c3c501a}:root[data-visual-theme=macos][data-theme=dark] .tutorial-mockup-overlay{background:#03070c9e}:root[data-visual-theme=macos][data-theme=dark] .tutorial-mockup-modal,:root[data-visual-theme=macos][data-theme=dark] .tutorial-mockup-header,:root[data-visual-theme=macos][data-theme=dark] .tutorial-mockup-copy:before,:root[data-visual-theme=macos][data-theme=dark] .tutorial-mockup-web-topbar{background:repeating-linear-gradient(0deg, #ffffff0e 0 1px, #00000029 1px 2px), linear-gradient(180deg, var(--macos-metal-top), var(--macos-metal-mid) 52%, var(--macos-metal-bottom))}:root[data-visual-theme=macos][data-theme=dark] .tutorial-mockup-body,:root[data-visual-theme=macos][data-theme=dark] .tutorial-mockup-preview,:root[data-visual-theme=macos][data-theme=dark] .tutorial-mockup-web-stage{background:radial-gradient(circle at 76% 20%, #0a84ff1f, transparent 34%), linear-gradient(180deg, #ffffff0f, #ffffff06), var(--color-bg)}:root[data-visual-theme=macos][data-theme=dark] .tutorial-mockup-copy,:root[data-visual-theme=macos][data-theme=dark] .tutorial-visual-panel,:root[data-visual-theme=macos][data-theme=dark] .tutorial-visual-quick-card,:root[data-visual-theme=macos][data-theme=dark] .tutorial-visual-todo-flow,:root[data-visual-theme=macos][data-theme=dark] .tutorial-visual-diary-toolbar,:root[data-visual-theme=macos][data-theme=dark] .tutorial-visual-social-search,:root[data-visual-theme=macos][data-theme=dark] .tutorial-visual-profile-card,:root[data-visual-theme=macos][data-theme=dark] .tutorial-visual-friend-calendar,:root[data-visual-theme=macos][data-theme=dark] .tutorial-visual-input,:root[data-visual-theme=macos][data-theme=dark] .tutorial-visual-todo-row,:root[data-visual-theme=macos][data-theme=dark] .tutorial-visual-deleted-chip,:root[data-visual-theme=macos][data-theme=dark] .tutorial-visual-trash-tray,:root[data-visual-theme=macos][data-theme=dark] .tutorial-visual-trash-bin{background:linear-gradient(180deg, #ffffff14, #ffffff09), var(--color-surface);border-color:#54606fb8;box-shadow:inset 0 1px #ffffff1f,0 10px 26px #00000042}:root[data-visual-theme=macos][data-theme=dark] .tutorial-mockup-header h2,:root[data-visual-theme=macos][data-theme=dark] .tutorial-mockup-copy h3{text-shadow:0 1px #00000075}:root[data-visual-theme=receipt] .app-header,:root[data-visual-theme=receipt] .calendar-section,:root[data-visual-theme=receipt] .side-panel,:root[data-visual-theme=receipt] .todo-list,:root[data-visual-theme=receipt] .modal-card,:root[data-visual-theme=receipt] .tutorial-mockup-modal,:root[data-visual-theme=receipt] .date-click-panel,:root[data-visual-theme=receipt] .mobile-warning-card,:root[data-visual-theme=receipt] .landing-inner,:root[data-visual-theme=receipt] .app-sidebar{border:1px solid var(--receipt-line-strong);border-radius:var(--radius-xl);background:repeating-linear-gradient(0deg, transparent 0 17px, color-mix(in srgb, var(--receipt-line) 54%, transparent) 17px 18px), linear-gradient(180deg, color-mix(in srgb, var(--receipt-paper-raised) 92%, white 8%), var(--receipt-paper));box-shadow:inset 0 1px 0 #ffffff8c, 0 18px 44px var(--receipt-shadow);position:relative;overflow:hidden}:root[data-visual-theme=receipt] .app-header>*,:root[data-visual-theme=receipt] .calendar-section>*,:root[data-visual-theme=receipt] .side-panel>*,:root[data-visual-theme=receipt] .todo-list>*,:root[data-visual-theme=receipt] .modal-card>*,:root[data-visual-theme=receipt] .tutorial-mockup-modal>*,:root[data-visual-theme=receipt] .date-click-panel>*,:root[data-visual-theme=receipt] .mobile-warning-card>*,:root[data-visual-theme=receipt] .landing-inner>*,:root[data-visual-theme=receipt] .app-sidebar>*{z-index:1;position:relative}:root[data-visual-theme=receipt] .calendar-section:before,:root[data-visual-theme=receipt] .todo-list:before,:root[data-visual-theme=receipt] .modal-card:before,:root[data-visual-theme=receipt] .tutorial-mockup-modal:before,:root[data-visual-theme=receipt] .date-click-panel:before,:root[data-visual-theme=receipt] .landing-inner:before{content:"";background:repeating-linear-gradient(90deg, var(--receipt-line-strong) 0 8px, transparent 8px 13px);opacity:.62;pointer-events:none;height:1px;position:absolute;top:12px;left:18px;right:18px}:root[data-visual-theme=receipt] .calendar-section:after,:root[data-visual-theme=receipt] .todo-list:after,:root[data-visual-theme=receipt] .landing-inner:after{content:"";background:repeating-linear-gradient(90deg, var(--receipt-ink) 0 2px, transparent 2px 5px, var(--receipt-ink) 5px 8px, transparent 8px 12px);opacity:.06;pointer-events:none;width:124px;height:24px;position:absolute;bottom:18px;right:22px}:root[data-visual-theme=receipt] .app-header{background:linear-gradient(90deg, color-mix(in srgb, var(--receipt-highlight) 9%, transparent) 0 18%, transparent 18% 100%), repeating-linear-gradient(0deg, transparent 0 15px, color-mix(in srgb, var(--receipt-line) 54%, transparent) 15px 16px), var(--receipt-paper);border-width:0 0 1px;border-radius:0}:root[data-visual-theme=receipt] .app-logo-text,:root[data-visual-theme=receipt] .landing-title,:root[data-visual-theme=receipt] .calendar-title,:root[data-visual-theme=receipt] .todo-header h3,:root[data-visual-theme=receipt] .modal-header h3,:root[data-visual-theme=receipt] .tutorial-mockup-header h2,:root[data-visual-theme=receipt] .date-click-panel__title{color:var(--receipt-ink);letter-spacing:0;font-weight:800}:root[data-visual-theme=receipt] .app-logo-text:before{content:"SAYDAYS RECEIPT";color:var(--receipt-ink-faint);font-size:9px;font-weight:700;line-height:1.1;display:block}:root[data-visual-theme=receipt] .app-logo-icon{filter:grayscale(.1)contrast(1.05);border-radius:2px}:root[data-visual-theme=receipt] .calendar-header,:root[data-visual-theme=receipt] .todo-header,:root[data-visual-theme=receipt] .modal-header,:root[data-visual-theme=receipt] .tutorial-mockup-header,:root[data-visual-theme=receipt] .date-click-panel__header{border-bottom:1px dashed var(--receipt-line-strong);background:0 0}:root[data-visual-theme=receipt] .calendar-title,:root[data-visual-theme=receipt] .todo-header h3{border:1px dashed var(--receipt-line-strong);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--receipt-paper-raised) 72%, transparent);box-shadow:none}:root[data-visual-theme=receipt] .todo-header h3{padding:7px 12px}:root[data-visual-theme=receipt] .calendar-view{border-top:1px solid var(--receipt-line)}:root[data-visual-theme=receipt] .calendar-grid{border:1px solid var(--receipt-line-strong);background:var(--receipt-line);gap:0}:root[data-visual-theme=receipt] .calendar-cell{border:0;border-right:1px dotted var(--receipt-line);border-bottom:1px dotted var(--receipt-line);background:repeating-linear-gradient(0deg, transparent 0 14px, color-mix(in srgb, var(--receipt-line) 44%, transparent) 14px 15px), color-mix(in srgb, var(--receipt-paper-raised) 72%, var(--receipt-paper));box-shadow:none;border-radius:0}:root[data-visual-theme=receipt] .calendar-cell:nth-child(7n){border-right:0}:root[data-visual-theme=receipt] .calendar-cell.other-month{background:repeating-linear-gradient(0deg, transparent 0 14px, color-mix(in srgb, var(--receipt-line) 36%, transparent) 14px 15px), var(--color-other-month-bg)}:root[data-visual-theme=receipt] .day-header{color:var(--receipt-ink-faint);font-size:11px;font-weight:800}:root[data-visual-theme=receipt] .cell-day.today-badge{background:var(--receipt-ink);color:var(--receipt-paper);box-shadow:none;border-radius:2px}:root[data-visual-theme=receipt] .event-chip,:root[data-visual-theme=receipt] .event-bar,:root[data-visual-theme=receipt] .drag-ghost-chip{min-height:19px;box-shadow:none;color:var(--receipt-ink);border:0;border-left:4px solid;border-radius:1px;font-weight:800;background:linear-gradient(90deg, transparent 0 72%, color-mix(in srgb, var(--receipt-line) 42%, transparent) 72% 100%), var(--event-bar-bg)!important}:root[data-visual-theme=receipt] .event-title-chip,:root[data-visual-theme=receipt] .event-bar-title{color:var(--receipt-ink)}:root[data-visual-theme=receipt] .side-panel{background:repeating-linear-gradient(0deg, transparent 0 16px, color-mix(in srgb, var(--receipt-line) 48%, transparent) 16px 17px), var(--receipt-paper);gap:16px}:root[data-visual-theme=receipt] .nl-input-container{border:1px dashed var(--receipt-line-strong);border-radius:var(--radius-lg);background:var(--receipt-paper-raised);padding:0}:root[data-visual-theme=receipt] .nl-input,:root[data-visual-theme=receipt] .landing-input,:root[data-visual-theme=receipt] .login-input,:root[data-visual-theme=receipt] .modal-form input,:root[data-visual-theme=receipt] .modal-form textarea,:root[data-visual-theme=receipt] .date-click-panel input,:root[data-visual-theme=receipt] .date-click-panel textarea,:root[data-visual-theme=receipt] .event-form-input,:root[data-visual-theme=receipt] .event-form-textarea,:root[data-visual-theme=receipt] .settings-input,:root[data-visual-theme=receipt] .settings-select{border:1px dashed var(--receipt-line-strong);border-radius:var(--radius-md);background:repeating-linear-gradient(0deg, transparent 0 18px, color-mix(in srgb, var(--receipt-line) 38%, transparent) 18px 19px), var(--receipt-paper-raised);box-shadow:none;color:var(--receipt-ink)}:root[data-visual-theme=receipt] .nl-input::placeholder,:root[data-visual-theme=receipt] .landing-input::placeholder,:root[data-visual-theme=receipt] .login-input::placeholder,:root[data-visual-theme=receipt] .modal-form input::placeholder,:root[data-visual-theme=receipt] .modal-form textarea::placeholder,:root[data-visual-theme=receipt] .date-click-panel input::placeholder,:root[data-visual-theme=receipt] .date-click-panel textarea::placeholder{color:var(--receipt-ink-faint);opacity:1}:root[data-visual-theme=receipt] .todo-list{padding-bottom:34px}:root[data-visual-theme=receipt] .todo-group{gap:8px}:root[data-visual-theme=receipt] .todo-group-label,:root[data-visual-theme=receipt] .todo-section-label,:root[data-visual-theme=receipt] .todo-date-group-label,:root[data-visual-theme=receipt] .form-group label,:root[data-visual-theme=receipt] .date-click-panel__label,:root[data-visual-theme=receipt] .settings-label{color:var(--receipt-ink-soft);letter-spacing:0;font-weight:800}:root[data-visual-theme=receipt] .todo-item{border:0;border-bottom:1px dotted var(--receipt-line-strong);box-shadow:none;background:0 0;border-radius:0}:root[data-visual-theme=receipt] .todo-item:hover{background:color-mix(in srgb, var(--receipt-highlight) 7%, transparent);box-shadow:none}:root[data-visual-theme=receipt] .todo-item:before{border-radius:0}:root[data-visual-theme=receipt] .todo-title,:root[data-visual-theme=receipt] .todo-date,:root[data-visual-theme=receipt] .date-click-panel__existing-title,:root[data-visual-theme=receipt] .date-click-panel__existing-desc,:root[data-visual-theme=receipt] .date-click-panel__existing-time{letter-spacing:0}:root[data-visual-theme=receipt] .todo-check{background:0 0;border-style:dashed;border-radius:2px}:root[data-visual-theme=receipt] .todo-check.checked{border-color:var(--receipt-ink);background:var(--receipt-ink);color:var(--receipt-paper)}:root[data-visual-theme=receipt] .theme-toggle-btn,:root[data-visual-theme=receipt] .landing-theme-btn,:root[data-visual-theme=receipt] .cal-nav-btn,:root[data-visual-theme=receipt] .view-mode-btn,:root[data-visual-theme=receipt] .settings-btn,:root[data-visual-theme=receipt] .login-btn,:root[data-visual-theme=receipt] .btn-secondary,:root[data-visual-theme=receipt] .btn-shift,:root[data-visual-theme=receipt] .tutorial-mockup-nav button,:root[data-visual-theme=receipt] .mobile-warning-store-btn,:root[data-visual-theme=receipt] .mobile-warning-continue-btn{border:1px dashed var(--receipt-line-strong);border-radius:var(--radius-md);background:var(--receipt-paper-raised);box-shadow:none;color:var(--receipt-ink);font-weight:800}:root[data-visual-theme=receipt] .theme-toggle-btn:hover,:root[data-visual-theme=receipt] .landing-theme-btn:hover,:root[data-visual-theme=receipt] .cal-nav-btn:hover,:root[data-visual-theme=receipt] .view-mode-btn:hover,:root[data-visual-theme=receipt] .settings-btn:hover,:root[data-visual-theme=receipt] .login-btn:hover:not(:disabled),:root[data-visual-theme=receipt] .btn-secondary:hover,:root[data-visual-theme=receipt] .btn-shift:hover,:root[data-visual-theme=receipt] .tutorial-mockup-nav button:hover:not(:disabled){background:color-mix(in srgb, var(--receipt-highlight) 9%, var(--receipt-paper-raised));color:var(--receipt-ink)}:root[data-visual-theme=receipt] .btn-primary,:root[data-visual-theme=receipt] .duration-btn.active,:root[data-visual-theme=receipt] .tutorial-mockup-nav button:last-child,:root[data-visual-theme=receipt] .login-social-btn--apple.login-social-btn--active,:root[data-visual-theme=receipt] .todo-count{border:1px solid var(--receipt-ink);border-radius:var(--radius-md);background:var(--receipt-ink);box-shadow:none;color:var(--receipt-paper);font-weight:800}:root[data-visual-theme=receipt] .btn-primary:hover,:root[data-visual-theme=receipt] .tutorial-mockup-nav button:last-child:hover:not(:disabled){background:var(--color-accent-hover);color:var(--receipt-paper)}:root[data-visual-theme=receipt] .btn-primary--danger,:root[data-visual-theme=receipt] .btn-danger{border-color:var(--receipt-highlight);background:var(--receipt-highlight);color:#fff8e8}:root[data-visual-theme=receipt] .duration-toggle{border:1px dashed var(--receipt-line-strong);border-radius:var(--radius-md);background:0 0}:root[data-visual-theme=receipt] .modal-actions,:root[data-visual-theme=receipt] .modal-shift-actions,:root[data-visual-theme=receipt] .date-click-panel__footer{border-top:1px dashed var(--receipt-line-strong);background:repeating-linear-gradient(0deg, transparent 0 16px, color-mix(in srgb, var(--receipt-line) 44%, transparent) 16px 17px), color-mix(in srgb, var(--receipt-paper-raised) 72%, transparent);box-shadow:none}:root[data-visual-theme=receipt] .date-click-panel{z-index:910;clip-path:none;border-width:0 0 0 1px;border-radius:0;flex-direction:column;width:320px;height:100vh;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}:root[data-visual-theme=receipt] .date-click-panel.date-click-panel--open{transform:translate(0)}:root[data-visual-theme=receipt] .date-click-panel__existing{border-top:1px dashed var(--receipt-line-strong)}:root[data-visual-theme=receipt] .date-click-panel__existing-item{border:0;border-bottom:1px dotted var(--receipt-line-strong);box-shadow:none;background:0 0;border-radius:0}:root[data-visual-theme=receipt] .landing-inner{gap:30px;width:min(760px,88vw);padding:48px 52px 42px}:root[data-visual-theme=receipt] .landing-question:before{content:"ORDER #TODAY";color:var(--receipt-ink-faint);margin-bottom:8px;font-size:12px;font-weight:800;line-height:1.2;display:block}:root[data-visual-theme=receipt] .landing-input{padding:17px 20px}:root[data-visual-theme=receipt] .app-sidebar{border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--receipt-paper);overflow:visible}:root[data-visual-theme=receipt] .sidebar-item{border-radius:var(--radius-md);box-shadow:none;color:var(--receipt-ink-soft);background:0 0;border:1px dashed #0000}:root[data-visual-theme=receipt] .sidebar-item:hover,:root[data-visual-theme=receipt] .sidebar-item.active{border-color:var(--receipt-line-strong);background:color-mix(in srgb, var(--receipt-highlight) 8%, transparent);color:var(--receipt-ink)}:root[data-visual-theme=receipt] .tutorial-mockup-overlay{-webkit-backdrop-filter:blur(4px);background:#48362047}:root[data-visual-theme=receipt] .tutorial-mockup-body,:root[data-visual-theme=receipt] .tutorial-mockup-preview,:root[data-visual-theme=receipt] .tutorial-mockup-web-stage{background:repeating-linear-gradient(0deg, transparent 0 16px, color-mix(in srgb, var(--receipt-line) 42%, transparent) 16px 17px), var(--receipt-paper)}:root[data-visual-theme=receipt] .tutorial-mockup-copy,:root[data-visual-theme=receipt] .tutorial-mockup-web-window,:root[data-visual-theme=receipt] .tutorial-visual-panel,:root[data-visual-theme=receipt] .tutorial-visual-calendar,:root[data-visual-theme=receipt] .tutorial-visual-quick-card,:root[data-visual-theme=receipt] .tutorial-visual-todo-flow,:root[data-visual-theme=receipt] .tutorial-visual-diary-toolbar,:root[data-visual-theme=receipt] .tutorial-visual-social-search,:root[data-visual-theme=receipt] .tutorial-visual-profile-card,:root[data-visual-theme=receipt] .tutorial-visual-friend-calendar,:root[data-visual-theme=receipt] .tutorial-visual-device,:root[data-visual-theme=receipt] .tutorial-visual-workspace-map,:root[data-visual-theme=receipt] .tutorial-visual-sync-cloud span{border:1px dashed var(--receipt-line-strong);border-radius:var(--radius-lg);background:repeating-linear-gradient(0deg, transparent 0 16px, color-mix(in srgb, var(--receipt-line) 38%, transparent) 16px 17px), var(--receipt-paper-raised);box-shadow:none}:root[data-visual-theme=receipt] .tutorial-mockup-step-label,:root[data-visual-theme=receipt] .tutorial-mockup-dot--active,:root[data-visual-theme=receipt] .tutorial-visual-save-row b,:root[data-visual-theme=receipt] .tutorial-visual-plus-btn,:root[data-visual-theme=receipt] .tutorial-visual-tool--active{border:1px solid var(--receipt-ink);border-radius:var(--radius-sm);background:var(--receipt-ink);color:var(--receipt-paper);box-shadow:none}:root[data-visual-theme=receipt] .tutorial-mockup-copy h3,:root[data-visual-theme=receipt] .tutorial-mockup-copy p,:root[data-visual-theme=receipt] .tutorial-mockup-copy .tutorial-mockup-detail{color:var(--receipt-ink)}:root[data-visual-theme=receipt] .tutorial-mockup-web-topbar{border-bottom:1px dashed var(--receipt-line-strong);background:var(--receipt-paper-soft)}:root[data-visual-theme=receipt] .tutorial-mockup-web-topbar:after{content:"";background:repeating-linear-gradient(90deg, var(--receipt-ink) 0 2px, transparent 2px 5px, var(--receipt-ink) 5px 8px, transparent 8px 12px);opacity:.1;flex:1;height:18px;margin-left:10px}:root[data-visual-theme=receipt] .tutorial-visual-calendar{background:var(--receipt-line);gap:1px;padding:1px}:root[data-visual-theme=receipt] .tutorial-visual-calendar span,:root[data-visual-theme=receipt] .tutorial-visual-input,:root[data-visual-theme=receipt] .tutorial-visual-todo-row,:root[data-visual-theme=receipt] .tutorial-visual-deleted-chip,:root[data-visual-theme=receipt] .tutorial-visual-trash-tray,:root[data-visual-theme=receipt] .tutorial-visual-trash-bin{border:1px dotted var(--receipt-line-strong);border-radius:var(--radius-sm);background:var(--receipt-paper);box-shadow:none}:root[data-visual-theme=receipt] .tutorial-visual-calendar .tutorial-visual-cell--event,:root[data-visual-theme=receipt] .tutorial-visual-friend-calendar .tutorial-visual-friend-day--filled{background:linear-gradient(90deg, var(--receipt-highlight) 0 4px, color-mix(in srgb, var(--receipt-highlight) 10%, transparent) 4px 100%), var(--receipt-paper)}:root[data-visual-theme=receipt] .tutorial-visual-calendar .tutorial-visual-cell--today{background:var(--receipt-ink)}:root[data-visual-theme=receipt] .tutorial-visual-calendar .tutorial-visual-cell--target{outline:1px dashed var(--receipt-highlight);box-shadow:0 0 0 4px color-mix(in srgb, var(--receipt-highlight) 12%, transparent)}:root[data-visual-theme=receipt] .tutorial-visual-line,:root[data-visual-theme=receipt] .tutorial-visual-input span,:root[data-visual-theme=receipt] .tutorial-visual-save-row span,:root[data-visual-theme=receipt] .tutorial-visual-todo-row i,:root[data-visual-theme=receipt] .tutorial-visual-quick-lines span,:root[data-visual-theme=receipt] .tutorial-visual-slider,:root[data-visual-theme=receipt] .tutorial-visual-social-search span,:root[data-visual-theme=receipt] .tutorial-visual-profile-card i,:root[data-visual-theme=receipt] .tutorial-visual-friend-calendar span,:root[data-visual-theme=receipt] .tutorial-visual-device span,:root[data-visual-theme=receipt] .tutorial-visual-workspace-map span{background:color-mix(in srgb, var(--receipt-ink) 18%, transparent)}:root[data-visual-theme=receipt][data-theme=dark] .btn-primary:not(.btn-primary--danger),:root[data-visual-theme=receipt][data-theme=dark] .duration-btn.active,:root[data-visual-theme=receipt][data-theme=dark] .tutorial-mockup-nav button:last-child,:root[data-visual-theme=receipt][data-theme=dark] .login-social-btn--apple.login-social-btn--active,:root[data-visual-theme=receipt][data-theme=dark] .todo-count,:root[data-visual-theme=receipt][data-theme=dark] .cell-day.today-badge,:root[data-visual-theme=receipt][data-theme=dark] .btn-primary:not(.btn-primary--danger):hover,:root[data-visual-theme=receipt][data-theme=dark] .tutorial-mockup-nav button:last-child:hover:not(:disabled){color:var(--color-bg)}:root[data-visual-theme=receipt][data-theme=dark] .calendar-section:after,:root[data-visual-theme=receipt][data-theme=dark] .todo-list:after,:root[data-visual-theme=receipt][data-theme=dark] .landing-inner:after{opacity:.1}:root[data-visual-theme=receipt] .app-header,:root[data-visual-theme=receipt] .calendar-section,:root[data-visual-theme=receipt] .side-panel,:root[data-visual-theme=receipt] .todo-list,:root[data-visual-theme=receipt] .modal-card,:root[data-visual-theme=receipt] .tutorial-mockup-modal,:root[data-visual-theme=receipt] .date-click-panel,:root[data-visual-theme=receipt] .mobile-warning-card,:root[data-visual-theme=receipt] .landing-inner,:root[data-visual-theme=receipt] .app-sidebar{background:var(--receipt-crumple), var(--receipt-paper-grain), radial-gradient(circle at 18% 12%, #e5d9c238, transparent 30%), radial-gradient(circle at 86% 78%, #e75f480b, transparent 28%), linear-gradient(180deg, var(--receipt-paper-raised), var(--receipt-paper) 72%, var(--receipt-paper-soft));background-size:760px 760px,108px 108px,auto,auto,auto}:root[data-visual-theme=receipt] .calendar-section,:root[data-visual-theme=receipt] .todo-list,:root[data-visual-theme=receipt] .modal-card,:root[data-visual-theme=receipt] .tutorial-mockup-modal,:root[data-visual-theme=receipt] .landing-inner{border-style:solid;border-color:#24201a24;box-shadow:inset 0 1px #ffffffdb,0 18px 42px #483b271a}:root[data-visual-theme=receipt] .calendar-section,:root[data-visual-theme=receipt] .todo-list,:root[data-visual-theme=receipt] .modal-card,:root[data-visual-theme=receipt] .tutorial-mockup-modal,:root[data-visual-theme=receipt] .landing-inner,:root[data-visual-theme=receipt] .mobile-warning-card{clip-path:polygon(0 8px,2% 0,4% 8px,6% 0,8% 8px,10% 0,12% 8px,14% 0,16% 8px,18% 0,20% 8px,22% 0,24% 8px,26% 0,28% 8px,30% 0,32% 8px,34% 0,36% 8px,38% 0,40% 8px,42% 0,44% 8px,46% 0,48% 8px,50% 0,52% 8px,54% 0,56% 8px,58% 0,60% 8px,62% 0,64% 8px,66% 0,68% 8px,70% 0,72% 8px,74% 0,76% 8px,78% 0,80% 8px,82% 0,84% 8px,86% 0,88% 8px,90% 0,92% 8px,94% 0,96% 8px,98% 0,100% 8px,100% calc(100% - 8px),98% 100%,96% calc(100% - 8px),94% 100%,92% calc(100% - 8px),90% 100%,88% calc(100% - 8px),86% 100%,84% calc(100% - 8px),82% 100%,80% calc(100% - 8px),78% 100%,76% calc(100% - 8px),74% 100%,72% calc(100% - 8px),70% 100%,68% calc(100% - 8px),66% 100%,64% calc(100% - 8px),62% 100%,60% calc(100% - 8px),58% 100%,56% calc(100% - 8px),54% 100%,52% calc(100% - 8px),50% 100%,48% calc(100% - 8px),46% 100%,44% calc(100% - 8px),42% 100%,40% calc(100% - 8px),38% 100%,36% calc(100% - 8px),34% 100%,32% calc(100% - 8px),30% 100%,28% calc(100% - 8px),26% 100%,24% calc(100% - 8px),22% 100%,20% calc(100% - 8px),18% 100%,16% calc(100% - 8px),14% 100%,12% calc(100% - 8px),10% 100%,8% calc(100% - 8px),6% 100%,4% calc(100% - 8px),2% 100%,0 calc(100% - 8px));border-radius:0}:root[data-visual-theme=receipt] .calendar-section:before,:root[data-visual-theme=receipt] .todo-list:before,:root[data-visual-theme=receipt] .modal-card:before,:root[data-visual-theme=receipt] .tutorial-mockup-modal:before,:root[data-visual-theme=receipt] .date-click-panel:before,:root[data-visual-theme=receipt] .landing-inner:before{opacity:.44;background:repeating-linear-gradient(90deg,#24201a38 0 5px,#0000 5px 10px);top:14px}:root[data-visual-theme=receipt] .calendar-section:after,:root[data-visual-theme=receipt] .todo-list:after,:root[data-visual-theme=receipt] .landing-inner:after{opacity:.035}:root[data-visual-theme=receipt] .app-header{background:linear-gradient(90deg, #e75f480e 0 14%, transparent 14%), linear-gradient(180deg, #fff, var(--receipt-paper))}:root[data-visual-theme=receipt] .calendar-title,:root[data-visual-theme=receipt] .todo-header h3,:root[data-visual-theme=receipt] .modal-header h3,:root[data-visual-theme=receipt] .tutorial-mockup-header h2,:root[data-visual-theme=receipt] .landing-question,:root[data-visual-theme=receipt] .event-detail-title{font-family:var(--receipt-hand-font);font-weight:400}:root[data-visual-theme=receipt] .landing-question{font-size:clamp(42px,5vw,64px);line-height:.95}:root[data-visual-theme=receipt] .calendar-title,:root[data-visual-theme=receipt] .todo-header h3{background:#ffffffad;border-color:#24201a29;transform:rotate(-.35deg)}:root[data-visual-theme=receipt] .todo-header h3{font-size:25px}:root[data-visual-theme=receipt] .calendar-title{font-size:23px}:root[data-visual-theme=receipt] .app-logo-text:before,:root[data-visual-theme=receipt] .day-header,:root[data-visual-theme=receipt] .todo-group-label,:root[data-visual-theme=receipt] .todo-section-label,:root[data-visual-theme=receipt] .todo-date-group-label,:root[data-visual-theme=receipt] .form-group label,:root[data-visual-theme=receipt] .date-click-panel__label,:root[data-visual-theme=receipt] .settings-label,:root[data-visual-theme=receipt] .tutorial-mockup-step-label{font-family:var(--receipt-print-font)}:root[data-visual-theme=receipt] .calendar-grid{background:#24201a14;border-color:#24201a1f}:root[data-visual-theme=receipt] .calendar-cell,:root[data-visual-theme=receipt] .calendar-cell.other-month{background:radial-gradient(circle at 12% 18%,#e5d9c21c,#0000 34%),#ffffff9e}:root[data-visual-theme=receipt] .calendar-cell:hover,:root[data-visual-theme=receipt] .calendar-cell--drag-over{background:linear-gradient(90deg,#e75f4814 0 3px,#0000 3px),#ffffffdb}:root[data-visual-theme=receipt] .event-chip,:root[data-visual-theme=receipt] .event-bar,:root[data-visual-theme=receipt] .drag-ghost-chip,:root[data-visual-theme=receipt] .todo-title,:root[data-visual-theme=receipt] .date-click-panel__existing-title{font-family:var(--receipt-hand-font);font-size:18px;font-weight:400}:root[data-visual-theme=receipt] .event-chip,:root[data-visual-theme=receipt] .event-bar,:root[data-visual-theme=receipt] .drag-ghost-chip{transform:rotate(-.2deg);background:#ffffff8f!important}:root[data-visual-theme=receipt] .todo-item:nth-child(2n) .todo-title,:root[data-visual-theme=receipt] .event-bar:nth-child(2n){transform:rotate(.25deg)}:root[data-visual-theme=receipt] .calendar-view .event-chip,:root[data-visual-theme=receipt] .calendar-view .event-bar{min-height:16px;line-height:1;height:16px!important;padding:0 4px 0 5px!important}:root[data-visual-theme=receipt] .calendar-view .event-title-chip,:root[data-visual-theme=receipt] .calendar-view .event-bar-title{font-size:15px;line-height:.95}:root[data-visual-theme=receipt] .calendar-view .event-time{font-size:9px;line-height:1}:root[data-visual-theme=receipt] .nl-input-container,:root[data-visual-theme=receipt] .nl-input,:root[data-visual-theme=receipt] .landing-input,:root[data-visual-theme=receipt] .login-input,:root[data-visual-theme=receipt] .modal-form input,:root[data-visual-theme=receipt] .modal-form textarea,:root[data-visual-theme=receipt] .date-click-panel input,:root[data-visual-theme=receipt] .date-click-panel textarea,:root[data-visual-theme=receipt] .event-form-input,:root[data-visual-theme=receipt] .event-form-textarea,:root[data-visual-theme=receipt] .settings-input,:root[data-visual-theme=receipt] .settings-select{background:radial-gradient(circle at 18% 18%,#e5d9c21f,#0000 34%),#ffffffbd}:root[data-visual-theme=receipt] .nl-input,:root[data-visual-theme=receipt] .landing-input,:root[data-visual-theme=receipt] .login-input,:root[data-visual-theme=receipt] .modal-form input,:root[data-visual-theme=receipt] .modal-form textarea,:root[data-visual-theme=receipt] .date-click-panel input,:root[data-visual-theme=receipt] .date-click-panel textarea,:root[data-visual-theme=receipt] .event-form-input,:root[data-visual-theme=receipt] .event-form-textarea{font-family:var(--receipt-hand-font);font-size:24px;line-height:1.1}:root[data-visual-theme=receipt] .modal-actions,:root[data-visual-theme=receipt] .modal-shift-actions,:root[data-visual-theme=receipt] .date-click-panel__footer,:root[data-visual-theme=receipt] .tutorial-mockup-body,:root[data-visual-theme=receipt] .tutorial-mockup-preview,:root[data-visual-theme=receipt] .tutorial-mockup-web-stage{background:radial-gradient(circle at 22% 18%,#e5d9c224,#0000 32%),linear-gradient(#ffffffa8,#fffef9c2)}:root[data-visual-theme=receipt] .tutorial-mockup-copy,:root[data-visual-theme=receipt] .tutorial-mockup-web-window,:root[data-visual-theme=receipt] .tutorial-visual-panel,:root[data-visual-theme=receipt] .tutorial-visual-calendar,:root[data-visual-theme=receipt] .tutorial-visual-quick-card,:root[data-visual-theme=receipt] .tutorial-visual-todo-flow,:root[data-visual-theme=receipt] .tutorial-visual-diary-toolbar,:root[data-visual-theme=receipt] .tutorial-visual-social-search,:root[data-visual-theme=receipt] .tutorial-visual-profile-card,:root[data-visual-theme=receipt] .tutorial-visual-friend-calendar,:root[data-visual-theme=receipt] .tutorial-visual-device,:root[data-visual-theme=receipt] .tutorial-visual-workspace-map,:root[data-visual-theme=receipt] .tutorial-visual-sync-cloud span{background:radial-gradient(circle at 18% 20%, #e5d9c229, transparent 34%), var(--receipt-paper-raised)}:root[data-visual-theme=receipt] .tutorial-mockup-copy h3,:root[data-visual-theme=receipt] .tutorial-mockup-copy p,:root[data-visual-theme=receipt] .tutorial-mockup-copy .tutorial-mockup-detail{font-family:var(--receipt-hand-font)}:root[data-visual-theme=receipt] .tutorial-mockup-copy h3{font-size:32px;font-weight:400}:root[data-visual-theme=receipt] .app-header{min-height:58px;padding-top:16px;padding-bottom:18px}:root[data-visual-theme=receipt] .app-logo-text{font-family:var(--receipt-print-font);letter-spacing:.08em;text-transform:uppercase;font-size:15px}:root[data-visual-theme=receipt] .app-header:after{content:"MERCHANT COPY  •  POS 01  •  CASHIER TODAY";border-top:1px dashed color-mix(in srgb, var(--receipt-line-strong) 78%, transparent);color:var(--receipt-ink-faint);font-family:var(--receipt-print-font);letter-spacing:.12em;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:8px;font-weight:700;line-height:1.6;position:absolute;bottom:5px;left:68px;right:76px;overflow:hidden}:root[data-visual-theme=receipt] .calendar-header{border-bottom:1px dashed var(--receipt-line-strong);min-height:92px;padding-top:50px;position:relative}:root[data-visual-theme=receipt] .calendar-header:before{content:"SAYDAYS STORE\a RECEIPT NO. SD-0423-2026";color:var(--receipt-ink);font-family:var(--receipt-print-font);letter-spacing:.12em;text-align:center;white-space:pre;pointer-events:none;font-size:10px;font-weight:800;line-height:1.45;position:absolute;top:14px;left:20px;right:20px}:root[data-visual-theme=receipt] .calendar-header:after{content:"PAID";border:2px solid color-mix(in srgb, var(--receipt-highlight) 58%, transparent);width:74px;color:color-mix(in srgb, var(--receipt-highlight) 62%, transparent);font-family:var(--receipt-print-font);letter-spacing:.14em;text-align:center;opacity:.58;pointer-events:none;border-radius:3px;font-size:16px;font-weight:900;line-height:1.45;position:absolute;top:17px;left:50%;transform:translate(168px)rotate(-8deg)}:root[data-visual-theme=receipt] .calendar-day-headers{border-top:1px dashed var(--receipt-line-strong);border-bottom:1px dashed var(--receipt-line-strong);padding-top:22px;position:relative}:root[data-visual-theme=receipt] .calendar-day-headers:before{content:"DATE          ITEM DESCRIPTION          QTY      AMT";color:var(--receipt-ink-faint);font-family:var(--receipt-print-font);letter-spacing:.1em;white-space:nowrap;pointer-events:none;font-size:8px;font-weight:800;position:absolute;top:4px;left:12px;right:12px;overflow:hidden}:root[data-visual-theme=receipt] .calendar-grid-wrapper{border-bottom:1px dashed var(--receipt-line-strong)}:root[data-visual-theme=receipt] .calendar-cell{position:relative}:root[data-visual-theme=receipt] .calendar-cell:after{content:"00";color:var(--receipt-ink-faint);font-family:var(--receipt-print-font);letter-spacing:.08em;opacity:.38;pointer-events:none;font-size:7px;font-weight:800;position:absolute;top:8px;right:6px}:root[data-visual-theme=receipt] .calendar-view .event-chip:after,:root[data-visual-theme=receipt] .calendar-view .event-bar:after{content:"1EA";color:var(--receipt-ink-faint);font-family:var(--receipt-print-font);letter-spacing:.04em;margin-left:auto;padding-left:5px;font-size:7px;font-weight:800;line-height:1}:root[data-visual-theme=receipt] .calendar-section:after{content:"AUTH 0423  •  APPROVED";background:repeating-linear-gradient(90deg, var(--receipt-ink) 0 2px, transparent 2px 4px, var(--receipt-ink) 4px 7px, transparent 7px 11px) center bottom / 100% 23px no-repeat;width:188px;height:42px;color:var(--receipt-ink-faint);font-family:var(--receipt-print-font);letter-spacing:.07em;opacity:.22;justify-content:center;align-items:flex-start;padding-top:1px;font-size:8px;font-weight:800;display:flex;bottom:18px;right:28px}:root[data-visual-theme=receipt] .todo-header{border-bottom:1px dashed var(--receipt-line-strong);padding-bottom:24px;position:relative}:root[data-visual-theme=receipt] .todo-header:after{content:"ITEMIZED LIST        QTY      DUE";color:var(--receipt-ink-faint);font-family:var(--receipt-print-font);letter-spacing:.1em;white-space:nowrap;pointer-events:none;font-size:8px;font-weight:800;position:absolute;bottom:5px;left:16px;right:16px;overflow:hidden}:root[data-visual-theme=receipt] .todo-item{padding-right:54px}:root[data-visual-theme=receipt] .todo-item:after{content:"1EA";color:var(--receipt-ink-faint);font-family:var(--receipt-print-font);letter-spacing:.05em;pointer-events:none;font-size:8px;font-weight:800;position:absolute;top:8px;right:26px}:root[data-visual-theme=receipt] .todo-list:after{content:"TOTAL ITEMS  •  APPROVED";background:repeating-linear-gradient(90deg, var(--receipt-ink) 0 2px, transparent 2px 4px, var(--receipt-ink) 4px 7px, transparent 7px 11px) center bottom / 100% 24px no-repeat;width:206px;height:44px;color:var(--receipt-ink-faint);font-family:var(--receipt-print-font);letter-spacing:.07em;opacity:.2;justify-content:center;align-items:flex-start;padding-top:1px;font-size:8px;font-weight:800;display:flex;bottom:16px;right:28px}:root[data-visual-theme=receipt] .nl-input-container{padding-top:18px;position:relative}:root[data-visual-theme=receipt] .nl-input-container:before{content:"ADD ITEM / MEMO";color:var(--receipt-ink-faint);font-family:var(--receipt-print-font);letter-spacing:.1em;pointer-events:none;font-size:8px;font-weight:800;position:absolute;top:5px;left:14px}:root[data-visual-theme=glass] .app-header,:root[data-visual-theme=glass] .calendar-section,:root[data-visual-theme=glass] .side-panel,:root[data-visual-theme=glass] .todo-list,:root[data-visual-theme=glass] .modal-card,:root[data-visual-theme=glass] .tutorial-mockup-modal,:root[data-visual-theme=glass] .date-click-panel,:root[data-visual-theme=glass] .mobile-warning-card,:root[data-visual-theme=glass] .landing-inner,:root[data-visual-theme=glass] .app-sidebar{border:1px solid var(--glass-edge);background:var(--glass-panel-bg);box-shadow:inset 0 1px 0 var(--glass-edge-strong), inset 0 -22px 58px #ffffff21, 0 22px 70px var(--glass-shadow);-webkit-backdrop-filter:blur(10px)saturate(1.2)contrast(1.02);position:relative;overflow:hidden}:root[data-visual-theme=glass] .app-header{background:color-mix(in srgb, var(--color-surface-raised) 76%, transparent);box-shadow:inset 0 1px 0 var(--glass-edge-strong), 0 12px 42px color-mix(in srgb, var(--glass-shadow) 64%, transparent);border-width:0 0 1px}:root[data-visual-theme=glass] .app-main{padding:24px 28px 40px 48px}:root[data-visual-theme=glass] .app-body{gap:28px}:root[data-visual-theme=glass] .date-click-panel{z-index:910;border-width:0 0 0 1px;width:320px;height:100vh;position:fixed;top:0;right:0}:root[data-visual-theme=glass] .app-header:before,:root[data-visual-theme=glass] .calendar-section:before,:root[data-visual-theme=glass] .side-panel:before,:root[data-visual-theme=glass] .todo-list:before,:root[data-visual-theme=glass] .modal-card:before,:root[data-visual-theme=glass] .tutorial-mockup-modal:before,:root[data-visual-theme=glass] .date-click-panel:before,:root[data-visual-theme=glass] .landing-inner:before{content:none}:root[data-visual-theme=glass] .app-header>*,:root[data-visual-theme=glass] .calendar-section>*,:root[data-visual-theme=glass] .side-panel>*,:root[data-visual-theme=glass] .todo-list>*,:root[data-visual-theme=glass] .modal-card>*,:root[data-visual-theme=glass] .tutorial-mockup-modal>*,:root[data-visual-theme=glass] .date-click-panel>*,:root[data-visual-theme=glass] .landing-inner>*{z-index:1;position:relative}:root[data-visual-theme=glass] .calendar-cell,:root[data-visual-theme=glass] .todo-item,:root[data-visual-theme=glass] .nl-input,:root[data-visual-theme=glass] .modal-form input,:root[data-visual-theme=glass] .modal-form textarea,:root[data-visual-theme=glass] .date-click-panel input,:root[data-visual-theme=glass] .date-click-panel textarea{border:1px solid color-mix(in srgb, var(--glass-edge) 82%, transparent);background:var(--glass-panel-strong-bg);box-shadow:inset 0 1px 0 var(--glass-inner-line), inset 0 -14px 34px #ffffff1a, 0 8px 28px color-mix(in srgb, var(--glass-shadow) 42%, transparent);-webkit-backdrop-filter:blur(8px)saturate(1.16)}:root[data-visual-theme=glass] .event-chip,:root[data-visual-theme=glass] .event-bar,:root[data-visual-theme=glass] .drag-ghost-chip{border:1px solid color-mix(in srgb, var(--glass-edge) 74%, transparent);box-shadow:inset 0 1px 0 var(--glass-inner-line), 0 9px 26px color-mix(in srgb, var(--glass-shadow) 36%, transparent);color:var(--color-text);-webkit-backdrop-filter:blur(7px)saturate(1.18);background:linear-gradient(110deg, #ffffff7a, #ffffff29), var(--event-bar-bg)!important}:root[data-visual-theme=glass] .theme-toggle-btn,:root[data-visual-theme=glass] .landing-theme-btn,:root[data-visual-theme=glass] .cal-nav-btn,:root[data-visual-theme=glass] .view-mode-btn,:root[data-visual-theme=glass] .settings-btn,:root[data-visual-theme=glass] .login-btn,:root[data-visual-theme=glass] .tutorial-mockup-nav button,:root[data-visual-theme=glass] .mobile-warning-store-btn,:root[data-visual-theme=glass] .mobile-warning-continue-btn{border:1px solid color-mix(in srgb, var(--glass-edge) 78%, transparent);background:linear-gradient(130deg, #ffffff75, #ffffff2e), color-mix(in srgb, var(--color-surface-raised) 58%, transparent);box-shadow:inset 0 1px 0 var(--glass-edge-strong), inset 0 -10px 24px #ffffff1a, 0 8px 24px color-mix(in srgb, var(--glass-shadow) 34%, transparent);-webkit-backdrop-filter:blur(8px)saturate(1.16)}:root[data-visual-theme=glass] .sidebar-item,html[data-visual-theme=glass]:not([data-theme=dark]) .sidebar-item.active{box-shadow:none;color:var(--color-text-muted);-webkit-backdrop-filter:none;background:0 0;border:0}:root[data-visual-theme=glass] .sidebar-item:hover,:root[data-visual-theme=glass] .sidebar-item.active,html[data-visual-theme=glass]:not([data-theme=dark]) .sidebar-item.active:hover{box-shadow:none;color:var(--color-accent);background:0 0}:root[data-visual-theme=glass] .sidebar-label{display:none}:root[data-visual-theme=glass] .settings-btn:hover,:root[data-visual-theme=glass] .login-btn:hover:not(:disabled),:root[data-visual-theme=glass] .cal-nav-btn:hover,:root[data-visual-theme=glass] .view-mode-btn:hover,:root[data-visual-theme=glass] .tutorial-mockup-nav button:hover:not(:disabled){background:linear-gradient(130deg, #fff9, #fff3), color-mix(in srgb, var(--color-accent) 22%, var(--color-surface-raised));color:var(--color-text);box-shadow:inset 0 1px 0 var(--glass-edge-strong), 0 12px 32px color-mix(in srgb, var(--glass-prism-a) 44%, transparent)}:root[data-visual-theme=glass] .login-modal-card,:root[data-visual-theme=glass] .login-btn{color:var(--color-text)}:root[data-visual-theme=glass] .login-tab,:root[data-visual-theme=glass] .login-divider__label,:root[data-visual-theme=glass] .login-social-notice,:root[data-visual-theme=glass] .login-offline-btn{color:color-mix(in srgb, var(--color-text) 72%, transparent)}:root[data-visual-theme=glass] .login-tab:hover,:root[data-visual-theme=glass] .login-tab.active,:root[data-visual-theme=glass] .login-offline-btn:hover:not(:disabled){color:var(--color-text)}:root[data-visual-theme=glass] .login-input::placeholder{color:color-mix(in srgb, var(--color-text) 58%, transparent)}:root[data-visual-theme=glass] .login-divider:before,:root[data-visual-theme=glass] .login-divider:after{background:color-mix(in srgb, var(--color-text) 24%, transparent)}:root[data-visual-theme=glass] .login-social-btn--apple,:root[data-visual-theme=glass] .login-social-btn--kakao{opacity:.72;color:var(--color-text)}:root[data-visual-theme=glass] .login-social-btn--apple.login-social-btn--active{opacity:1;color:#fff}:root[data-visual-theme=glass][data-theme=dark] .login-social-btn--apple.login-social-btn--active{color:#000}:root[data-visual-theme=glass] .modal-actions,:root[data-visual-theme=glass] .modal-shift-actions,:root[data-visual-theme=glass] .date-click-panel__footer{box-shadow:none;background:0 0}:root[data-visual-theme=glass] .btn-shift:hover{background:#ffffff29}:root[data-visual-theme=glass] .date-click-panel__footer,:root[data-visual-theme=glass] .date-click-panel__existing{border-top:1px solid color-mix(in srgb, var(--glass-edge) 46%, transparent)}:root[data-visual-theme=glass] .date-click-panel__existing-label{color:color-mix(in srgb, var(--color-text) 62%, transparent)}:root[data-visual-theme=glass] .date-click-panel__existing-item{border:1px solid color-mix(in srgb, var(--glass-edge) 54%, transparent);box-shadow:inset 0 1px 0 #ffffff6b, 0 6px 18px color-mix(in srgb, var(--glass-shadow) 22%, transparent);background:#ffffff3d}:root[data-visual-theme=glass] .date-click-panel__existing-title{color:var(--color-text)}:root[data-visual-theme=glass] .date-click-panel__existing-desc,:root[data-visual-theme=glass] .date-click-panel__existing-time{color:color-mix(in srgb, var(--color-text) 68%, transparent)}:root[data-visual-theme=glass][data-theme=dark] .date-click-panel__existing-item{background:#ffffff1c}:root[data-visual-theme=glass][data-theme=dark] .date-click-panel__existing-label{color:var(--color-text-secondary)}:root[data-visual-theme=glass][data-theme=dark] .date-click-panel__existing-desc,:root[data-visual-theme=glass][data-theme=dark] .date-click-panel__existing-time{color:var(--color-text-muted)}:root[data-visual-theme=glass] .side-panel{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;gap:22px;position:sticky;top:16px;overflow:visible}:root[data-visual-theme=glass] .calendar-section{-webkit-backdrop-filter:blur(4px)saturate(1.1);background:#ffffff1f}:root[data-visual-theme=glass] .calendar-grid{background:#455b641a}:root[data-visual-theme=glass] .calendar-title{background:#ffffff52}:root[data-visual-theme=glass] .todo-header h3{background:0 0}:root[data-visual-theme=glass] .calendar-cell{-webkit-backdrop-filter:blur(2.5px)saturate(1.06);background:#ffffff13;border-color:#ffffff6b;box-shadow:inset 0 1px #ffffff57,0 4px 18px #303a3e14}:root[data-visual-theme=glass] .calendar-cell.today{background:#ffffff21}:root[data-visual-theme=glass] .calendar-cell:hover{background:#ffffff38}:root[data-visual-theme=glass] .nl-input{-webkit-backdrop-filter:blur(4px)saturate(1.08);background:#ffffff3d;padding:15px 18px}:root[data-visual-theme=glass] .todo-list{--color-border:#ffffff52;-webkit-backdrop-filter:blur(5px)saturate(1.12);background:#ffffff24}:root[data-visual-theme=glass] .todo-item{border-radius:var(--radius-lg);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:1px solid #0000}:root[data-visual-theme=glass][data-theme=dark] .calendar-section,:root[data-visual-theme=glass][data-theme=dark] .todo-list{background:#ffffff0e}:root[data-visual-theme=glass][data-theme=dark] .todo-list{--color-accent:#8d82ff;--color-accent-hover:#afa7ff;--color-accent-subtle:#8d82ff2e;--color-text:#f6ffff;--color-text-secondary:#d7e9ec;--color-text-muted:#aec6cb;--color-todo-section-label:#d7e9ec;--color-todo-date-label:#aec6cb;--color-border:#d6f8f842}:root[data-visual-theme=glass][data-theme=dark] .calendar-cell{background:#ffffff0b}:root[data-visual-theme=glass][data-theme=dark] .calendar-cell.other-month .cell-day{opacity:.72}:root[data-visual-theme=glass][data-theme=dark] .calendar-cell.other-month .cell-holiday-name{opacity:.68}:root[data-visual-theme=glass][data-theme=dark] .day-header.sunday,:root[data-visual-theme=glass][data-theme=dark] .day-header.saturday{opacity:.88}:root[data-visual-theme=glass][data-theme=dark] .form-group label,:root[data-visual-theme=glass][data-theme=dark] .date-click-panel__label,:root[data-visual-theme=glass][data-theme=dark] .todo-group-label,:root[data-visual-theme=glass][data-theme=dark] .todo-section-label,:root[data-visual-theme=glass][data-theme=dark] .todo-date-group-label,:root[data-visual-theme=glass][data-theme=dark] .day-header{color:var(--color-text-muted)}:root[data-visual-theme=glass][data-theme=dark] .nl-input::placeholder,:root[data-visual-theme=glass][data-theme=dark] .landing-input::placeholder,:root[data-visual-theme=glass][data-theme=dark] .login-input::placeholder,:root[data-visual-theme=glass][data-theme=dark] .modal-form input::placeholder,:root[data-visual-theme=glass][data-theme=dark] .modal-form textarea::placeholder,:root[data-visual-theme=glass][data-theme=dark] .date-click-panel input::placeholder,:root[data-visual-theme=glass][data-theme=dark] .date-click-panel textarea::placeholder{color:#d7e9ecb8;opacity:1}:root[data-visual-theme=glass][data-theme=dark] .theme-toggle-btn,:root[data-visual-theme=glass][data-theme=dark] .view-mode-btn,:root[data-visual-theme=glass][data-theme=dark] .cal-nav-btn,:root[data-visual-theme=glass][data-theme=dark] .modal-close,:root[data-visual-theme=glass][data-theme=dark] .btn-shift,:root[data-visual-theme=glass][data-theme=dark] .btn-secondary,:root[data-visual-theme=glass][data-theme=dark] .sidebar-item{color:var(--color-text-secondary)}:root[data-visual-theme=glass][data-theme=dark] .day-header.sunday{color:var(--color-sunday)}:root[data-visual-theme=glass][data-theme=dark] .day-header.saturday{color:var(--color-saturday)}:root[data-visual-theme=glass][data-theme=dark] .sidebar-item:hover,:root[data-visual-theme=glass][data-theme=dark] .sidebar-item.active{color:var(--color-accent)}:root[data-visual-theme=glass][data-theme=dark] .settings-btn:hover,:root[data-visual-theme=glass][data-theme=dark] .login-btn:hover:not(:disabled),:root[data-visual-theme=glass][data-theme=dark] .cal-nav-btn:hover,:root[data-visual-theme=glass][data-theme=dark] .view-mode-btn:hover,:root[data-visual-theme=glass][data-theme=dark] .tutorial-mockup-nav button:hover:not(:disabled){color:var(--color-text)}:root[data-visual-theme=glass] .tutorial-mockup-copy,:root[data-visual-theme=glass] .tutorial-mockup-preview,:root[data-visual-theme=glass] .tutorial-mockup-web-window,:root[data-visual-theme=glass] .tutorial-visual-panel,:root[data-visual-theme=glass] .tutorial-visual-calendar,:root[data-visual-theme=glass] .tutorial-visual-quick-card,:root[data-visual-theme=glass] .tutorial-visual-todo-flow,:root[data-visual-theme=glass] .tutorial-visual-diary-toolbar,:root[data-visual-theme=glass] .tutorial-visual-social-search,:root[data-visual-theme=glass] .tutorial-visual-profile-card,:root[data-visual-theme=glass] .tutorial-visual-friend-calendar{border:1px solid color-mix(in srgb, var(--glass-edge) 82%, transparent);background:var(--glass-panel-bg);box-shadow:inset 0 1px 0 var(--glass-inner-line), inset 0 -18px 40px #ffffff17, 0 16px 42px color-mix(in srgb, var(--glass-shadow) 38%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.18)}:root[data-visual-theme=glass] .tutorial-mockup-preview{isolation:isolate;background:linear-gradient(122deg, #ffffff8a, #ffffff24 42%, #ecfbf938), linear-gradient(28deg, transparent 0 31%, color-mix(in srgb, var(--glass-prism-c) 30%, transparent) 42%, transparent 54%), linear-gradient(151deg, transparent 0 58%, color-mix(in srgb, var(--glass-prism-b) 36%, transparent) 69%, transparent 82%);box-shadow:inset 0 1px 0 #ffffffc7, inset 0 -38px 80px #ffffff1c, 0 22px 64px color-mix(in srgb, var(--glass-shadow) 38%, transparent);background-size:auto;position:relative}:root[data-visual-theme=glass] .tutorial-mockup-preview:before{content:"";z-index:0;opacity:.76;pointer-events:none;background:repeating-linear-gradient(132deg,#ffffff2e 0 1px,#0000 1px 28px),linear-gradient(106deg,#0000 0 43%,#ffffff52 48%,#0000 55%);border:1px solid #ffffff57;border-radius:30px;position:absolute;inset:26px 30px}:root[data-visual-theme=glass] .tutorial-mockup-web-shell{z-index:1;perspective:1200px;position:relative}:root[data-visual-theme=glass] .tutorial-mockup-web-window{isolation:isolate;border-color:color-mix(in srgb, var(--glass-edge-strong) 88%, transparent);background:linear-gradient(136deg, #ffffff80, #ffffff21 48%, #ecfbf93d), linear-gradient(31deg, transparent 0 56%, color-mix(in srgb, var(--glass-prism-a) 24%, transparent) 66%, transparent 78%);box-shadow:inset 0 1px 0 #ffffffeb, inset 0 0 0 1px #ffffff2e, inset 0 -38px 78px #ffffff1a, 0 30px 80px color-mix(in srgb, var(--glass-shadow) 54%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.42);border-radius:30px;position:relative}:root[data-visual-theme=glass] .tutorial-mockup-web-window:before,:root[data-visual-theme=glass] .tutorial-mockup-web-window:after{content:"";pointer-events:none;position:absolute}:root[data-visual-theme=glass] .tutorial-mockup-web-window:before{z-index:2;background:linear-gradient(112deg, transparent 0 29%, #ffffff6b 35%, transparent 43%), linear-gradient(18deg, transparent 0 67%, color-mix(in srgb, var(--glass-prism-b) 32%, transparent) 73%, transparent 83%);mix-blend-mode:screen;opacity:.72;inset:0}:root[data-visual-theme=glass] .tutorial-mockup-web-window:after{z-index:3;border:1px solid #ffffff42;border-radius:24px;inset:10px;box-shadow:inset 0 1px 12px #ffffff3d,inset 0 -1px 18px #37565f14}:root[data-visual-theme=glass] .tutorial-mockup-web-topbar,:root[data-visual-theme=glass] .tutorial-mockup-web-stage{z-index:1;position:relative}:root[data-visual-theme=glass] .tutorial-mockup-web-topbar{background:linear-gradient(135deg, #ffffff7a, #ffffff26), color-mix(in srgb, var(--glass-prism-c) 16%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.24);border-bottom:1px solid #ffffff57;gap:9px;height:48px;padding:0 18px;box-shadow:inset 0 1px #ffffffbd,0 12px 28px #ffffff14}:root[data-visual-theme=glass] .tutorial-mockup-web-topbar:after{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg, #ffffff7a, #ffffff29), linear-gradient(90deg, color-mix(in srgb, var(--glass-prism-b) 24%, transparent), transparent 56%);border:1px solid #ffffff57;flex:1;height:18px;margin-left:10px;box-shadow:inset 0 1px #ffffff9e,0 8px 24px #344a5214}:root[data-visual-theme=glass] .tutorial-mockup-web-topbar span{background:radial-gradient(circle at 28% 24%, #ffffffe6 0 18%, transparent 42%), color-mix(in srgb, var(--glass-prism-a) 34%, #fff3);width:12px;height:12px;box-shadow:inset 0 1px 0 #ffffffb8, 0 6px 14px color-mix(in srgb, var(--glass-shadow) 22%, transparent);border:1px solid #ffffff6b}:root[data-visual-theme=glass] .tutorial-mockup-web-topbar span:nth-child(2){background:radial-gradient(circle at 28% 24%, #ffffffe6 0 18%, transparent 42%), color-mix(in srgb, var(--glass-prism-b) 46%, #fff3)}:root[data-visual-theme=glass] .tutorial-mockup-web-topbar span:nth-child(3){background:radial-gradient(circle at 28% 24%, #ffffffe6 0 18%, transparent 42%), color-mix(in srgb, var(--glass-prism-c) 54%, #fff3)}:root[data-visual-theme=glass] .tutorial-mockup-web-stage{background:linear-gradient(115deg, #ffffff57, transparent 38%), linear-gradient(28deg, transparent 0 58%, color-mix(in srgb, var(--glass-prism-b) 22%, transparent) 68%, transparent 78%), #ffffff0f;gap:20px;padding:24px}:root[data-visual-theme=glass] .tutorial-mockup-web-stage>*{z-index:1;position:relative}:root[data-visual-theme=glass] .tutorial-visual-panel,:root[data-visual-theme=glass] .tutorial-visual-parse-card,:root[data-visual-theme=glass] .tutorial-visual-quick-card,:root[data-visual-theme=glass] .tutorial-visual-todo-flow,:root[data-visual-theme=glass] .tutorial-visual-diary-toolbar,:root[data-visual-theme=glass] .tutorial-visual-social-search,:root[data-visual-theme=glass] .tutorial-visual-profile-card,:root[data-visual-theme=glass] .tutorial-visual-friend-calendar,:root[data-visual-theme=glass] .tutorial-visual-device,:root[data-visual-theme=glass] .tutorial-visual-sync-cloud span,:root[data-visual-theme=glass] .tutorial-visual-workspace-map{box-shadow:inset 0 1px 0 #ffffffb8, inset 0 -16px 28px #ffffff14, 0 16px 38px color-mix(in srgb, var(--glass-shadow) 30%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.26);background:linear-gradient(138deg,#ffffff75,#ffffff1c 56%,#ffffff38);border:1px solid #ffffff6b}:root[data-visual-theme=glass] .tutorial-visual-line,:root[data-visual-theme=glass] .tutorial-visual-input span,:root[data-visual-theme=glass] .tutorial-visual-save-row span,:root[data-visual-theme=glass] .tutorial-visual-todo-row i,:root[data-visual-theme=glass] .tutorial-visual-quick-lines span,:root[data-visual-theme=glass] .tutorial-visual-profile-card i,:root[data-visual-theme=glass] .tutorial-visual-social-search span,:root[data-visual-theme=glass] .tutorial-visual-friend-calendar span,:root[data-visual-theme=glass] .tutorial-visual-workspace-map span,:root[data-visual-theme=glass] .tutorial-visual-slider,:root[data-visual-theme=glass] .tutorial-visual-device span{background:linear-gradient(90deg, #ffffff85, #ffffff29), color-mix(in srgb, var(--color-text-secondary) 16%, transparent);box-shadow:inset 0 1px #ffffff6b}:root[data-visual-theme=glass] .tutorial-visual-pill,:root[data-visual-theme=glass] .tutorial-visual-input,:root[data-visual-theme=glass] .tutorial-visual-todo-row,:root[data-visual-theme=glass] .tutorial-visual-deleted-chip,:root[data-visual-theme=glass] .tutorial-visual-trash-tray,:root[data-visual-theme=glass] .tutorial-visual-trash-bin{background:linear-gradient(135deg, #fff6, #ffffff1a), color-mix(in srgb, var(--glass-prism-c) 14%, transparent);box-shadow:inset 0 1px 0 #ffffff9e, 0 12px 28px color-mix(in srgb, var(--glass-shadow) 20%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.2);border:1px solid #ffffff61}:root[data-visual-theme=glass] .tutorial-visual-input{box-shadow:inset 0 1px 0 #ffffff9e, 0 0 0 4px color-mix(in srgb, var(--color-accent) 14%, transparent), 0 14px 28px color-mix(in srgb, var(--color-accent) 12%, transparent)}:root[data-visual-theme=glass] .tutorial-visual-input i,:root[data-visual-theme=glass] .tutorial-visual-save-row b,:root[data-visual-theme=glass] .tutorial-visual-plus-btn,:root[data-visual-theme=glass] .tutorial-visual-tool--active{background:radial-gradient(circle at 28% 20%, #ffffffc2 0 18%, transparent 42%), linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 74%, white 26%), color-mix(in srgb, var(--glass-prism-b) 68%, var(--color-accent)));color:#fff;box-shadow:inset 0 1px 0 #ffffffa8, 0 12px 28px color-mix(in srgb, var(--color-accent) 22%, transparent)}:root[data-visual-theme=glass] .tutorial-visual-todo-row span{border-color:color-mix(in srgb, var(--glass-edge-strong) 62%, transparent);box-shadow:inset 0 1px 0 #ffffff94, 0 5px 12px color-mix(in srgb, var(--glass-shadow) 15%, transparent);background:#ffffff1f}:root[data-visual-theme=glass] .tutorial-visual-todo-row--done span,:root[data-visual-theme=glass] .tutorial-visual-profile-card b{border-color:color-mix(in srgb, var(--glass-prism-b) 60%, var(--glass-edge));background:linear-gradient(135deg, transparent 0 40%, #ffffffdb 40% 50%, transparent 50%), linear-gradient(135deg, color-mix(in srgb, var(--glass-prism-b) 72%, white 28%), color-mix(in srgb, var(--color-accent) 42%, transparent))}:root[data-visual-theme=glass] .tutorial-visual-quick-date{border:1px solid color-mix(in srgb, var(--glass-prism-c) 52%, var(--glass-edge));background:linear-gradient(180deg, color-mix(in srgb, var(--glass-prism-c) 78%, white 22%) 0 12px, #ffffff21 12px 100%), linear-gradient(135deg, #fff6, #ffffff1a);box-shadow:inset 0 1px 0 #ffffffb8, 0 10px 22px color-mix(in srgb, var(--glass-prism-c) 20%, transparent)}:root[data-visual-theme=glass] .tutorial-visual-trash-tray-icon,:root[data-visual-theme=glass] .tutorial-visual-trash-bin-icon{color:color-mix(in srgb, var(--color-danger) 68%, white 12%);filter:drop-shadow(0 8px 16px color-mix(in srgb, var(--color-danger) 16%, transparent))}:root[data-visual-theme=glass] .tutorial-visual-flow-arrow,:root[data-visual-theme=glass] .tutorial-visual-restore-arrow,:root[data-visual-theme=glass] .tutorial-visual-sync-line{background:linear-gradient(90deg, color-mix(in srgb, var(--glass-prism-b) 8%, transparent), color-mix(in srgb, var(--glass-prism-b) 78%, white 12%));box-shadow:0 0 18px color-mix(in srgb, var(--glass-prism-b) 30%, transparent)}:root[data-visual-theme=glass] .tutorial-visual-flow-arrow:after{border-top-color:color-mix(in srgb, var(--glass-prism-b) 78%, white 12%);border-right-color:color-mix(in srgb, var(--glass-prism-b) 78%, white 12%)}:root[data-visual-theme=glass] .tutorial-visual-restore-arrow:after{border-left-color:color-mix(in srgb, var(--glass-prism-b) 78%, white 12%);border-bottom-color:color-mix(in srgb, var(--glass-prism-b) 78%, white 12%)}:root[data-visual-theme=glass] .tutorial-visual-tool,:root[data-visual-theme=glass] .tutorial-visual-color{box-shadow:inset 0 1px 0 #ffffff94, 0 8px 18px color-mix(in srgb, var(--glass-shadow) 18%, transparent);border:1px solid #ffffff61}:root[data-visual-theme=glass] .tutorial-visual-tool{background:#ffffff29}:root[data-visual-theme=glass] .tutorial-visual-color--green{background:color-mix(in srgb, var(--glass-prism-b) 74%, white 10%)}:root[data-visual-theme=glass] .tutorial-visual-color--gold{background:color-mix(in srgb, var(--color-important) 70%, white 16%)}:root[data-visual-theme=glass] .tutorial-doodle-flower i,:root[data-visual-theme=glass] .tutorial-doodle-heart,:root[data-visual-theme=glass] .tutorial-doodle-sparkle:before,:root[data-visual-theme=glass] .tutorial-doodle-sparkle:after{background:radial-gradient(circle at 28% 18%, #ffffff94 0 22%, transparent 46%), color-mix(in srgb, var(--glass-prism-c) 54%, transparent);border:1px solid #ffffff47;box-shadow:inset 0 1px #ffffff70}:root[data-visual-theme=glass] .tutorial-doodle-flower:after,:root[data-visual-theme=glass] .tutorial-doodle-flower b{background:color-mix(in srgb, var(--glass-prism-b) 68%, white 12%)}:root[data-visual-theme=glass] .tutorial-visual-avatar,:root[data-visual-theme=glass] .tutorial-visual-avatar--muted{background:radial-gradient(circle at 50% 38%, #ffffffdb 0 7px, transparent 7.5px), radial-gradient(circle at 50% 78%, #ffffffb8 0 13px, transparent 13.5px), linear-gradient(135deg, color-mix(in srgb, var(--glass-prism-b) 72%, white 12%), color-mix(in srgb, var(--color-accent) 38%, transparent));box-shadow:inset 0 1px 0 #ffffff9e, 0 10px 22px color-mix(in srgb, var(--glass-prism-b) 20%, transparent)}:root[data-visual-theme=glass] .tutorial-visual-avatar--muted{background:radial-gradient(circle at 50% 38%, #ffffffdb 0 7px, transparent 7.5px), radial-gradient(circle at 50% 78%, #ffffffb8 0 13px, transparent 13.5px), linear-gradient(135deg, color-mix(in srgb, var(--glass-prism-c) 70%, white 12%), color-mix(in srgb, var(--color-important) 38%, transparent))}:root[data-visual-theme=glass] .tutorial-visual-calendar{border-color:color-mix(in srgb, var(--glass-edge-strong) 86%, transparent);background:radial-gradient(circle at 18% 14%, #ffffffdb 0 12%, transparent 30%), radial-gradient(circle at 82% 76%, color-mix(in srgb, var(--glass-prism-b) 54%, transparent) 0 15%, transparent 36%), linear-gradient(142deg, #ffffff8a, #ffffff1f 56%, #ffffff47);box-shadow:inset 0 1px 0 #ffffffdb, inset 0 -22px 42px #ffffff21, inset 0 0 0 1px #ffffff38, 0 24px 58px color-mix(in srgb, var(--glass-shadow) 46%, transparent);isolation:isolate;-webkit-backdrop-filter:blur(18px)saturate(1.34);border-radius:22px;gap:3px;padding:12px}:root[data-visual-theme=glass] .tutorial-visual-calendar:before,:root[data-visual-theme=glass] .tutorial-visual-calendar:after{content:"";pointer-events:none;z-index:0;position:absolute}:root[data-visual-theme=glass] .tutorial-visual-calendar:before{background:linear-gradient(118deg, transparent 0 34%, #ffffff5c 43%, transparent 52%), linear-gradient(32deg, transparent 0 58%, color-mix(in srgb, var(--glass-prism-a) 30%, transparent) 64%, transparent 74%);mix-blend-mode:screen;opacity:.72;inset:0}:root[data-visual-theme=glass] .tutorial-visual-calendar:after{border:1px solid #ffffff4d;border-radius:18px;inset:10px;box-shadow:inset 0 1px 10px #ffffff38,inset 0 -1px 12px #50767e14}:root[data-visual-theme=glass] .tutorial-visual-calendar span{z-index:1;-webkit-backdrop-filter:blur(8px)saturate(1.28);background:radial-gradient(circle at 24% 18%,#ffffffc2 0 18%,#0000 43%),linear-gradient(145deg,#ffffff80,#ffffff1f 58%,#ffffff3d);border:1px solid #ffffff7a;border-radius:11px;min-height:34px;position:relative;box-shadow:inset 0 1px #ffffffb8,inset 0 -8px 18px #ffffff17,0 8px 18px #30434812}:root[data-visual-theme=glass] .tutorial-visual-calendar .tutorial-visual-cell--event{border-color:color-mix(in srgb, var(--color-accent) 32%, var(--glass-edge));background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 62%, white 38%) 0 4px, color-mix(in srgb, var(--color-accent) 18%, transparent) 4px 100%), radial-gradient(circle at 78% 20%, #ffffffbd 0 16%, transparent 40%), linear-gradient(145deg, #ffffff8c, color-mix(in srgb, var(--glass-prism-a) 20%, transparent));box-shadow:inset 0 1px 0 #ffffffc2, inset 0 0 18px color-mix(in srgb, var(--color-accent) 14%, transparent), 0 10px 22px color-mix(in srgb, var(--color-accent) 12%, transparent)}:root[data-visual-theme=glass] .tutorial-visual-calendar .tutorial-visual-cell--today{border-color:color-mix(in srgb, var(--color-accent) 44%, var(--glass-edge-strong));background:radial-gradient(circle at 26% 18%, #ffffffc7 0 18%, transparent 44%), linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 44%, white 56%), color-mix(in srgb, var(--glass-prism-b) 48%, transparent) 58%, #ffffff2e);box-shadow:inset 0 1px 0 #ffffffd1, inset 0 0 0 6px #fff3, inset 0 -14px 24px #ffffff1f, 0 14px 30px color-mix(in srgb, var(--color-accent) 18%, transparent)}:root[data-visual-theme=glass] .tutorial-visual-calendar .tutorial-visual-cell--target{border-color:color-mix(in srgb, var(--color-important) 54%, var(--glass-edge-strong));background:radial-gradient(circle at 28% 20%, #ffffffd1 0 18%, transparent 44%), linear-gradient(140deg, color-mix(in srgb, var(--color-important) 24%, #ffffff75), #ffffff1f);box-shadow:inset 0 1px 0 #ffffffd1, inset 0 0 0 2px color-mix(in srgb, var(--color-important) 18%, transparent), 0 0 0 6px color-mix(in srgb, var(--color-important) 13%, transparent), 0 14px 30px color-mix(in srgb, var(--color-important) 16%, transparent);outline:0}:root[data-visual-theme=glass] .tutorial-visual-calendar .tutorial-visual-cell--ink{border-color:color-mix(in srgb, var(--glass-prism-c) 60%, var(--glass-edge));background:radial-gradient(circle at 30% 20%, #ffffffb8 0 18%, transparent 42%), linear-gradient(145deg, color-mix(in srgb, var(--glass-prism-c) 30%, #ffffff57), #ffffff1f)}:root[data-visual-theme=glass] .tutorial-visual-calendar .tutorial-visual-cell--shared{border-color:color-mix(in srgb, var(--glass-prism-b) 54%, var(--glass-edge));background:radial-gradient(circle at 70% 28%, color-mix(in srgb, var(--glass-prism-b) 72%, white 28%) 0 4px, transparent 4.5px), radial-gradient(circle at 26% 18%, #ffffffb8 0 18%, transparent 42%), linear-gradient(145deg, color-mix(in srgb, var(--glass-prism-b) 28%, #ffffff57), #ffffff1f)}:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-calendar{border-color:color-mix(in srgb, var(--glass-edge-strong) 72%, transparent);background:radial-gradient(circle at 18% 14%, #ffffff2e 0 12%, transparent 32%), radial-gradient(circle at 82% 76%, color-mix(in srgb, var(--glass-prism-b) 50%, transparent) 0 15%, transparent 38%), linear-gradient(142deg, #ffffff24, #ffffff0b 58%, #8479ff17);box-shadow:inset 0 1px #ffffff38,inset 0 -22px 42px #ffffff09,inset 0 0 0 1px #ffffff14,0 24px 58px #0000006b}:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-calendar span{background:radial-gradient(circle at 24% 18%,#ffffff29 0 18%,#0000 44%),linear-gradient(145deg,#ffffff1a,#ffffff09 58%,#5cd2cc0e);border-color:#dfffff2e;box-shadow:inset 0 1px #fff3,inset 0 -8px 18px #ffffff08,0 8px 18px #0000001c}:root[data-visual-theme=glass][data-theme=dark] .tutorial-mockup-preview{background:linear-gradient(122deg, #ffffff1f, #ffffff09 42%, #5cd2cc0f), linear-gradient(28deg, transparent 0 31%, color-mix(in srgb, var(--glass-prism-c) 22%, transparent) 42%, transparent 54%), linear-gradient(151deg, transparent 0 58%, color-mix(in srgb, var(--glass-prism-b) 22%, transparent) 69%, transparent 82%);box-shadow:inset 0 1px #ffffff2e,inset 0 -38px 80px #ffffff09,0 22px 64px #00000070}:root[data-visual-theme=glass][data-theme=dark] .tutorial-mockup-preview:before{opacity:.82;background:repeating-linear-gradient(132deg,#ffffff0f 0 1px,#0000 1px 28px),linear-gradient(106deg,#0000 0 43%,#ffffff1c 48%,#0000 55%);border-color:#e2ffff1f}:root[data-visual-theme=glass][data-theme=dark] .tutorial-mockup-web-window{border-color:color-mix(in srgb, var(--glass-edge-strong) 72%, transparent);background:linear-gradient(136deg, #ffffff1f, #ffffff09 48%, #5cd2cc11), linear-gradient(31deg, transparent 0 56%, color-mix(in srgb, var(--glass-prism-a) 18%, transparent) 66%, transparent 78%);box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff12,inset 0 -38px 78px #ffffff08,0 30px 80px #0000008f}:root[data-visual-theme=glass][data-theme=dark] .tutorial-mockup-web-window:before{background:linear-gradient(112deg, transparent 0 29%, #ffffff21 35%, transparent 43%), linear-gradient(18deg, transparent 0 67%, color-mix(in srgb, var(--glass-prism-b) 18%, transparent) 73%, transparent 83%);opacity:.9}:root[data-visual-theme=glass][data-theme=dark] .tutorial-mockup-web-window:after{border-color:#e2ffff1a;box-shadow:inset 0 1px 12px #ffffff1a,inset 0 -1px 18px #00000029}:root[data-visual-theme=glass][data-theme=dark] .tutorial-mockup-web-topbar{background:linear-gradient(135deg, #ffffff21, #ffffff09), color-mix(in srgb, var(--glass-prism-c) 10%, transparent);border-bottom-color:#e2ffff1f;box-shadow:inset 0 1px #ffffff29,0 12px 28px #0000001f}:root[data-visual-theme=glass][data-theme=dark] .tutorial-mockup-web-topbar:after,:root[data-visual-theme=glass][data-theme=dark] .tutorial-mockup-web-topbar span{border-color:#e2ffff24;box-shadow:inset 0 1px #ffffff2e,0 8px 24px #00000024}:root[data-visual-theme=glass][data-theme=dark] .tutorial-mockup-web-topbar:after{background:linear-gradient(90deg, #ffffff1a, #ffffff09), linear-gradient(90deg, color-mix(in srgb, var(--glass-prism-b) 14%, transparent), transparent 56%)}:root[data-visual-theme=glass][data-theme=dark] .tutorial-mockup-web-stage{background:linear-gradient(115deg, #ffffff14, transparent 38%), linear-gradient(28deg, transparent 0 58%, color-mix(in srgb, var(--glass-prism-b) 12%, transparent) 68%, transparent 78%), #00000014}:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-panel,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-parse-card,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-quick-card,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-todo-flow,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-diary-toolbar,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-social-search,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-profile-card,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-friend-calendar,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-device,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-sync-cloud span,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-workspace-map,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-pill,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-input,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-todo-row,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-deleted-chip,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-trash-tray,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-trash-bin{background:linear-gradient(138deg,#ffffff1a,#ffffff07 56%,#5cd2cc0e);border-color:#e2ffff29;box-shadow:inset 0 1px #ffffff2b,inset 0 -16px 28px #ffffff06,0 16px 38px #0000003d}:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-line,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-input span,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-save-row span,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-todo-row i,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-quick-lines span,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-profile-card i,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-social-search span,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-friend-calendar span,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-workspace-map span,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-slider,:root[data-visual-theme=glass][data-theme=dark] .tutorial-visual-device span{background:linear-gradient(90deg, #ffffff2e, #ffffff0e), color-mix(in srgb, var(--color-text-secondary) 18%, transparent);box-shadow:inset 0 1px #ffffff24}:root[data-visual-theme=glass] .settings-theme-card:hover,:root[data-visual-theme=glass] .settings-theme-card.active{border-color:var(--glass-edge-strong);background:linear-gradient(132deg, #ffffffa8, #ffffff3d), color-mix(in srgb, var(--color-accent-subtle) 34%, var(--color-surface-raised))}:root[data-visual-theme=glass] .calendar-cell:hover{border-color:var(--glass-edge-strong);background:#ffffff38}:root[data-visual-theme=glass] .todo-item:hover{box-shadow:none;background:0 0;border-color:#0000}:root[data-visual-theme=glass] .cell-day.today-badge,:root[data-visual-theme=glass] .todo-count,:root[data-visual-theme=glass] .tutorial-mockup-dot--active,:root[data-visual-theme=glass] .tutorial-mockup-step-label{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 82%, white 18%), color-mix(in srgb, var(--glass-prism-b) 78%, var(--color-accent)));color:#fff;box-shadow:inset 0 1px 0 #ffffff9e, 0 10px 30px color-mix(in srgb, var(--color-accent) 28%, transparent)}:root[data-visual-theme=terminal] .app-header,:root[data-visual-theme=terminal] .calendar-section,:root[data-visual-theme=terminal] .side-panel,:root[data-visual-theme=terminal] .todo-list,:root[data-visual-theme=terminal] .modal-card,:root[data-visual-theme=terminal] .tutorial-mockup-modal,:root[data-visual-theme=terminal] .date-click-panel,:root[data-visual-theme=terminal] .mobile-warning-card,:root[data-visual-theme=terminal] .landing-inner,:root[data-visual-theme=terminal] .app-sidebar{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 10%, transparent)}:root[data-visual-theme=terminal] .app-header{border-width:0 0 1px}:root[data-visual-theme=terminal] .app-logo-text:before{content:"> ";color:var(--color-accent)}:root[data-visual-theme=terminal] .calendar-section,:root[data-visual-theme=terminal] .calendar-view,:root[data-visual-theme=terminal] .calendar-cell,:root[data-visual-theme=terminal] .todo-list,:root[data-visual-theme=terminal] .nl-input-container,:root[data-visual-theme=terminal] .nl-input,:root[data-visual-theme=terminal] .modal-form input,:root[data-visual-theme=terminal] .modal-form textarea,:root[data-visual-theme=terminal] .date-click-panel input,:root[data-visual-theme=terminal] .date-click-panel textarea{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--color-accent) 5%, transparent) 0 1px, transparent 1px 7px), var(--color-surface)}:root[data-visual-theme=terminal] .event-chip,:root[data-visual-theme=terminal] .event-bar,:root[data-visual-theme=terminal] .drag-ghost-chip{border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--color-text);text-transform:uppercase;font-weight:700}:root[data-visual-theme=terminal] .event-title-chip:before,:root[data-visual-theme=terminal] .event-bar-title:before{content:"$ ";color:var(--color-accent)}:root[data-visual-theme=terminal] .todo-item{background:var(--color-surface-raised);border:1px solid #0000}:root[data-visual-theme=terminal] .todo-title:before{content:"- ";color:var(--color-accent)}:root[data-visual-theme=terminal] .theme-toggle-btn,:root[data-visual-theme=terminal] .landing-theme-btn,:root[data-visual-theme=terminal] .cal-nav-btn,:root[data-visual-theme=terminal] .view-mode-btn,:root[data-visual-theme=terminal] .sidebar-item,:root[data-visual-theme=terminal] .settings-btn,:root[data-visual-theme=terminal] .login-btn{border:1px solid var(--color-border)}:root[data-visual-theme=terminal] .modal-actions,:root[data-visual-theme=terminal] .modal-shift-actions,:root[data-visual-theme=terminal] .date-click-panel__footer{background:0 0}:root[data-visual-theme=terminal] .tutorial-mockup-copy,:root[data-visual-theme=terminal] .tutorial-mockup-preview,:root[data-visual-theme=terminal] .tutorial-mockup-web-window,:root[data-visual-theme=terminal] .tutorial-visual-panel,:root[data-visual-theme=terminal] .tutorial-visual-calendar,:root[data-visual-theme=terminal] .tutorial-visual-quick-card,:root[data-visual-theme=terminal] .tutorial-visual-todo-flow,:root[data-visual-theme=terminal] .tutorial-visual-diary-toolbar,:root[data-visual-theme=terminal] .tutorial-visual-social-search,:root[data-visual-theme=terminal] .tutorial-visual-profile-card,:root[data-visual-theme=terminal] .tutorial-visual-friend-calendar{border:1px solid var(--color-border);background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--color-accent) 6%, transparent) 0 1px, transparent 1px 7px), var(--color-surface-raised)}:root[data-visual-theme=stationery] .landing-inner,:root[data-visual-theme=minimal] .landing-inner,:root[data-visual-theme=terminal] .landing-inner{box-sizing:border-box;gap:30px;width:min(760px,88vw);padding:44px 52px 38px}:root[data-visual-theme=stationery] .landing-prompt-section,:root[data-visual-theme=minimal] .landing-prompt-section,:root[data-visual-theme=terminal] .landing-prompt-section{gap:22px}:root[data-visual-theme=stationery] .landing-input,:root[data-visual-theme=minimal] .landing-input,:root[data-visual-theme=terminal] .landing-input{padding:17px 22px}:root[data-visual-theme=minimal] .landing-inner{background:var(--color-surface)}:root[data-visual-theme=terminal] .landing-input{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--color-accent) 5%, transparent) 0 1px, transparent 1px 7px), var(--color-surface)}:root[data-visual-theme=stationery] .tutorial-mockup-modal{--tutorial-surface:var(--color-surface);--tutorial-surface-raised:var(--color-surface-raised);--tutorial-grid-bg:linear-gradient(90deg, #7b664713 1px, transparent 1px), linear-gradient(180deg, #7b664713 1px, transparent 1px), var(--color-surface-raised);--tutorial-grid-size:18px 18px;--tutorial-line-bg:#69583d2e;--tutorial-cell-bg:color-mix(in srgb, var(--color-surface-raised) 86%, var(--color-bg));--tutorial-accent:var(--color-accent);--tutorial-danger:var(--color-danger);--tutorial-action-text:var(--color-today-text);--tutorial-card-border:1px dashed var(--color-border);--tutorial-radius:var(--radius-lg);--tutorial-shadow:0 14px 34px #48331821}:root[data-visual-theme=minimal] .tutorial-mockup-modal{--tutorial-surface:var(--color-surface);--tutorial-surface-raised:var(--color-surface-raised);--tutorial-grid-bg:var(--color-bg);--tutorial-grid-size:auto;--tutorial-line-bg:color-mix(in srgb, var(--color-text) 15%, transparent);--tutorial-cell-bg:var(--color-surface);--tutorial-accent:var(--color-accent);--tutorial-danger:var(--color-danger);--tutorial-action-text:var(--color-today-text);--tutorial-card-border:1px solid var(--color-border);--tutorial-radius:0;--tutorial-shadow:none}:root[data-visual-theme=terminal] .tutorial-mockup-modal{--tutorial-surface:var(--color-surface);--tutorial-surface-raised:var(--color-surface-raised);--tutorial-grid-bg:repeating-linear-gradient(0deg, color-mix(in srgb, var(--color-accent) 7%, transparent) 0 1px, transparent 1px 7px), var(--color-surface);--tutorial-grid-size:auto;--tutorial-line-bg:color-mix(in srgb, var(--color-accent) 22%, transparent);--tutorial-cell-bg:var(--color-surface-raised);--tutorial-accent:var(--color-accent);--tutorial-danger:var(--color-danger);--tutorial-action-text:var(--color-today-text);--tutorial-card-border:1px solid var(--color-border);--tutorial-radius:0;--tutorial-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 10%, transparent)}:root[data-visual-theme=stationery] .tutorial-mockup-overlay{background:#33271757}:root[data-visual-theme=minimal] .tutorial-mockup-overlay{background:#00000075}:root[data-visual-theme=terminal] .tutorial-mockup-overlay{background:#000704a3}:root[data-visual-theme=stationery] .tutorial-mockup-modal,:root[data-visual-theme=minimal] .tutorial-mockup-modal,:root[data-visual-theme=terminal] .tutorial-mockup-modal,:root[data-visual-theme=stationery] .tutorial-mockup-preview,:root[data-visual-theme=minimal] .tutorial-mockup-preview,:root[data-visual-theme=terminal] .tutorial-mockup-preview,:root[data-visual-theme=stationery] .tutorial-mockup-web-stage,:root[data-visual-theme=minimal] .tutorial-mockup-web-stage,:root[data-visual-theme=terminal] .tutorial-mockup-web-stage{background:var(--tutorial-grid-bg);background-size:var(--tutorial-grid-size)}:root[data-visual-theme=stationery] .tutorial-mockup-web-window,:root[data-visual-theme=minimal] .tutorial-mockup-web-window,:root[data-visual-theme=terminal] .tutorial-mockup-web-window,:root[data-visual-theme=stationery] .tutorial-mockup-copy,:root[data-visual-theme=minimal] .tutorial-mockup-copy,:root[data-visual-theme=terminal] .tutorial-mockup-copy,:root[data-visual-theme=stationery] .tutorial-visual-panel,:root[data-visual-theme=minimal] .tutorial-visual-panel,:root[data-visual-theme=terminal] .tutorial-visual-panel,:root[data-visual-theme=stationery] .tutorial-visual-parse-card,:root[data-visual-theme=minimal] .tutorial-visual-parse-card,:root[data-visual-theme=terminal] .tutorial-visual-parse-card,:root[data-visual-theme=stationery] .tutorial-visual-quick-card,:root[data-visual-theme=minimal] .tutorial-visual-quick-card,:root[data-visual-theme=terminal] .tutorial-visual-quick-card,:root[data-visual-theme=stationery] .tutorial-visual-todo-flow,:root[data-visual-theme=minimal] .tutorial-visual-todo-flow,:root[data-visual-theme=terminal] .tutorial-visual-todo-flow,:root[data-visual-theme=stationery] .tutorial-visual-diary-toolbar,:root[data-visual-theme=minimal] .tutorial-visual-diary-toolbar,:root[data-visual-theme=terminal] .tutorial-visual-diary-toolbar,:root[data-visual-theme=stationery] .tutorial-visual-social-search,:root[data-visual-theme=minimal] .tutorial-visual-social-search,:root[data-visual-theme=terminal] .tutorial-visual-social-search,:root[data-visual-theme=stationery] .tutorial-visual-profile-card,:root[data-visual-theme=minimal] .tutorial-visual-profile-card,:root[data-visual-theme=terminal] .tutorial-visual-profile-card,:root[data-visual-theme=stationery] .tutorial-visual-friend-calendar,:root[data-visual-theme=minimal] .tutorial-visual-friend-calendar,:root[data-visual-theme=terminal] .tutorial-visual-friend-calendar,:root[data-visual-theme=stationery] .tutorial-visual-device,:root[data-visual-theme=minimal] .tutorial-visual-device,:root[data-visual-theme=terminal] .tutorial-visual-device,:root[data-visual-theme=stationery] .tutorial-visual-sync-cloud span,:root[data-visual-theme=minimal] .tutorial-visual-sync-cloud span,:root[data-visual-theme=terminal] .tutorial-visual-sync-cloud span,:root[data-visual-theme=stationery] .tutorial-visual-workspace-map,:root[data-visual-theme=minimal] .tutorial-visual-workspace-map,:root[data-visual-theme=terminal] .tutorial-visual-workspace-map{border:var(--tutorial-card-border);border-radius:var(--tutorial-radius);background:var(--tutorial-surface);box-shadow:var(--tutorial-shadow)}:root[data-visual-theme=stationery] .tutorial-mockup-web-topbar,:root[data-visual-theme=minimal] .tutorial-mockup-web-topbar,:root[data-visual-theme=terminal] .tutorial-mockup-web-topbar{background:var(--tutorial-surface-raised);border-bottom:var(--tutorial-card-border)}:root[data-visual-theme=stationery] .tutorial-visual-calendar,:root[data-visual-theme=minimal] .tutorial-visual-calendar,:root[data-visual-theme=terminal] .tutorial-visual-calendar{border:var(--tutorial-card-border);border-radius:var(--tutorial-radius);background:var(--tutorial-grid-bg);background-size:var(--tutorial-grid-size);box-shadow:var(--tutorial-shadow)}:root[data-visual-theme=stationery] .tutorial-visual-calendar span,:root[data-visual-theme=minimal] .tutorial-visual-calendar span,:root[data-visual-theme=terminal] .tutorial-visual-calendar span{border-radius:var(--tutorial-radius);background:var(--tutorial-cell-bg)}:root[data-visual-theme=stationery] .tutorial-visual-calendar .tutorial-visual-cell--event,:root[data-visual-theme=minimal] .tutorial-visual-calendar .tutorial-visual-cell--event,:root[data-visual-theme=terminal] .tutorial-visual-calendar .tutorial-visual-cell--event,:root[data-visual-theme=stationery] .tutorial-visual-friend-calendar .tutorial-visual-friend-day--filled,:root[data-visual-theme=minimal] .tutorial-visual-friend-calendar .tutorial-visual-friend-day--filled,:root[data-visual-theme=terminal] .tutorial-visual-friend-calendar .tutorial-visual-friend-day--filled{background:linear-gradient(90deg, var(--tutorial-accent) 0 4px, color-mix(in srgb, var(--tutorial-accent) 18%, transparent) 4px 100%), var(--tutorial-cell-bg)}:root[data-visual-theme=stationery] .tutorial-visual-calendar .tutorial-visual-cell--today,:root[data-visual-theme=minimal] .tutorial-visual-calendar .tutorial-visual-cell--today,:root[data-visual-theme=terminal] .tutorial-visual-calendar .tutorial-visual-cell--today{background:var(--tutorial-accent)}:root[data-visual-theme=stationery] .tutorial-visual-calendar .tutorial-visual-cell--target,:root[data-visual-theme=minimal] .tutorial-visual-calendar .tutorial-visual-cell--target,:root[data-visual-theme=terminal] .tutorial-visual-calendar .tutorial-visual-cell--target{outline-color:color-mix(in srgb, var(--tutorial-accent) 78%, white);box-shadow:0 0 0 7px color-mix(in srgb, var(--tutorial-accent) 18%, transparent)}:root[data-visual-theme=stationery] .tutorial-visual-line,:root[data-visual-theme=minimal] .tutorial-visual-line,:root[data-visual-theme=terminal] .tutorial-visual-line,:root[data-visual-theme=stationery] .tutorial-visual-input span,:root[data-visual-theme=minimal] .tutorial-visual-input span,:root[data-visual-theme=terminal] .tutorial-visual-input span,:root[data-visual-theme=stationery] .tutorial-visual-save-row span,:root[data-visual-theme=minimal] .tutorial-visual-save-row span,:root[data-visual-theme=terminal] .tutorial-visual-save-row span,:root[data-visual-theme=stationery] .tutorial-visual-todo-row i,:root[data-visual-theme=minimal] .tutorial-visual-todo-row i,:root[data-visual-theme=terminal] .tutorial-visual-todo-row i,:root[data-visual-theme=stationery] .tutorial-visual-quick-lines span,:root[data-visual-theme=minimal] .tutorial-visual-quick-lines span,:root[data-visual-theme=terminal] .tutorial-visual-quick-lines span,:root[data-visual-theme=stationery] .tutorial-visual-profile-card i,:root[data-visual-theme=minimal] .tutorial-visual-profile-card i,:root[data-visual-theme=terminal] .tutorial-visual-profile-card i,:root[data-visual-theme=stationery] .tutorial-visual-social-search span,:root[data-visual-theme=minimal] .tutorial-visual-social-search span,:root[data-visual-theme=terminal] .tutorial-visual-social-search span,:root[data-visual-theme=stationery] .tutorial-visual-friend-calendar span,:root[data-visual-theme=minimal] .tutorial-visual-friend-calendar span,:root[data-visual-theme=terminal] .tutorial-visual-friend-calendar span,:root[data-visual-theme=stationery] .tutorial-visual-workspace-map span,:root[data-visual-theme=minimal] .tutorial-visual-workspace-map span,:root[data-visual-theme=terminal] .tutorial-visual-workspace-map span{background:var(--tutorial-line-bg)}:root[data-visual-theme=stationery] .tutorial-visual-pill,:root[data-visual-theme=minimal] .tutorial-visual-pill,:root[data-visual-theme=terminal] .tutorial-visual-pill,:root[data-visual-theme=stationery] .tutorial-visual-input,:root[data-visual-theme=minimal] .tutorial-visual-input,:root[data-visual-theme=terminal] .tutorial-visual-input,:root[data-visual-theme=stationery] .tutorial-visual-todo-row,:root[data-visual-theme=minimal] .tutorial-visual-todo-row,:root[data-visual-theme=terminal] .tutorial-visual-todo-row{border:var(--tutorial-card-border);border-radius:var(--tutorial-radius);background:color-mix(in srgb, var(--tutorial-accent) 10%, var(--tutorial-surface));box-shadow:none}:root[data-visual-theme=stationery] .tutorial-visual-input i,:root[data-visual-theme=minimal] .tutorial-visual-input i,:root[data-visual-theme=terminal] .tutorial-visual-input i{background:var(--tutorial-accent)}:root[data-visual-theme=stationery] .tutorial-visual-save-row b,:root[data-visual-theme=minimal] .tutorial-visual-save-row b,:root[data-visual-theme=terminal] .tutorial-visual-save-row b,:root[data-visual-theme=stationery] .tutorial-visual-plus-btn,:root[data-visual-theme=minimal] .tutorial-visual-plus-btn,:root[data-visual-theme=terminal] .tutorial-visual-plus-btn,:root[data-visual-theme=stationery] .tutorial-visual-tool--active,:root[data-visual-theme=minimal] .tutorial-visual-tool--active,:root[data-visual-theme=terminal] .tutorial-visual-tool--active{background:var(--tutorial-accent);color:var(--tutorial-action-text)}:root[data-visual-theme=stationery] .tutorial-visual-quick-date,:root[data-visual-theme=minimal] .tutorial-visual-quick-date,:root[data-visual-theme=terminal] .tutorial-visual-quick-date{border:var(--tutorial-card-border);border-radius:var(--tutorial-radius);background:linear-gradient(180deg, var(--tutorial-accent) 0 12px, color-mix(in srgb, var(--tutorial-accent) 16%, transparent) 12px 100%)}:root[data-visual-theme=stationery] .tutorial-visual-trash-tray,:root[data-visual-theme=minimal] .tutorial-visual-trash-tray,:root[data-visual-theme=terminal] .tutorial-visual-trash-tray,:root[data-visual-theme=stationery] .tutorial-visual-trash-bin,:root[data-visual-theme=minimal] .tutorial-visual-trash-bin,:root[data-visual-theme=terminal] .tutorial-visual-trash-bin,:root[data-visual-theme=stationery] .tutorial-visual-deleted-chip,:root[data-visual-theme=minimal] .tutorial-visual-deleted-chip,:root[data-visual-theme=terminal] .tutorial-visual-deleted-chip{border:var(--tutorial-card-border);border-radius:var(--tutorial-radius);background:linear-gradient(90deg, color-mix(in srgb, var(--tutorial-danger) 72%, transparent) 0 5px, transparent 5px), color-mix(in srgb, var(--tutorial-danger) 12%, var(--tutorial-surface))}:root[data-visual-theme=stationery] .tutorial-visual-trash-tray-icon,:root[data-visual-theme=minimal] .tutorial-visual-trash-tray-icon,:root[data-visual-theme=terminal] .tutorial-visual-trash-tray-icon,:root[data-visual-theme=stationery] .tutorial-visual-trash-bin-icon,:root[data-visual-theme=minimal] .tutorial-visual-trash-bin-icon,:root[data-visual-theme=terminal] .tutorial-visual-trash-bin-icon{color:var(--tutorial-danger)}:root[data-visual-theme=stationery] .tutorial-visual-flow-arrow,:root[data-visual-theme=minimal] .tutorial-visual-flow-arrow,:root[data-visual-theme=terminal] .tutorial-visual-flow-arrow{background:linear-gradient(90deg, color-mix(in srgb, var(--tutorial-accent) 22%, transparent), var(--tutorial-accent))}:root[data-visual-theme=stationery] .tutorial-visual-restore-arrow,:root[data-visual-theme=minimal] .tutorial-visual-restore-arrow,:root[data-visual-theme=terminal] .tutorial-visual-restore-arrow{background:linear-gradient(270deg, color-mix(in srgb, var(--tutorial-accent) 22%, transparent), var(--tutorial-accent))}:root[data-visual-theme=stationery] .tutorial-visual-flow-arrow:after,:root[data-visual-theme=minimal] .tutorial-visual-flow-arrow:after,:root[data-visual-theme=terminal] .tutorial-visual-flow-arrow:after{border-top-color:var(--tutorial-accent);border-right-color:var(--tutorial-accent)}:root[data-visual-theme=stationery] .tutorial-visual-restore-arrow:after,:root[data-visual-theme=minimal] .tutorial-visual-restore-arrow:after,:root[data-visual-theme=terminal] .tutorial-visual-restore-arrow:after{border-left-color:var(--tutorial-accent);border-bottom-color:var(--tutorial-accent)}:root[data-visual-theme=stationery] .tutorial-doodle-flower:after,:root[data-visual-theme=minimal] .tutorial-doodle-flower:after,:root[data-visual-theme=terminal] .tutorial-doodle-flower:after,:root[data-visual-theme=stationery] .tutorial-doodle-flower b,:root[data-visual-theme=minimal] .tutorial-doodle-flower b,:root[data-visual-theme=terminal] .tutorial-doodle-flower b{background:var(--tutorial-accent)}:root[data-visual-theme=stationery] .tutorial-doodle-flower i,:root[data-visual-theme=minimal] .tutorial-doodle-flower i,:root[data-visual-theme=terminal] .tutorial-doodle-flower i,:root[data-visual-theme=stationery] .tutorial-doodle-sparkle:before,:root[data-visual-theme=minimal] .tutorial-doodle-sparkle:before,:root[data-visual-theme=terminal] .tutorial-doodle-sparkle:before,:root[data-visual-theme=stationery] .tutorial-doodle-sparkle:after,:root[data-visual-theme=minimal] .tutorial-doodle-sparkle:after,:root[data-visual-theme=terminal] .tutorial-doodle-sparkle:after{background:color-mix(in srgb, var(--tutorial-accent) 58%, var(--tutorial-surface))}:root[data-visual-theme=stationery] .tutorial-doodle-heart,:root[data-visual-theme=minimal] .tutorial-doodle-heart,:root[data-visual-theme=terminal] .tutorial-doodle-heart{background:color-mix(in srgb, var(--tutorial-danger) 56%, transparent)}:root[data-visual-theme=stationery][data-theme=dark] .tutorial-mockup-modal{--tutorial-line-bg:#d2bd8a38;--tutorial-shadow:0 16px 40px #00000047}:root[data-visual-theme=stationery] .tutorial-mockup-modal{isolation:isolate;box-shadow:0 22px 72px #48331838, inset 0 0 0 8px color-mix(in srgb, var(--color-surface) 64%, transparent);position:relative;overflow:auto}:root[data-visual-theme=stationery] .tutorial-mockup-modal:before{content:"";background:repeating-linear-gradient(180deg, var(--color-border) 0 10px, transparent 10px 18px);opacity:.8;pointer-events:none;z-index:0;width:1px;position:absolute;top:0;bottom:0;left:42px}:root[data-visual-theme=stationery] .tutorial-mockup-modal:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--color-border) 70%, var(--color-surface)) 0 4px, transparent 4.5px) 0 0 / 12px 38px repeat-y;pointer-events:none;z-index:0;width:12px;position:absolute;top:92px;bottom:34px;left:22px}:root[data-visual-theme=stationery] .tutorial-mockup-modal>*{z-index:1;position:relative}:root[data-visual-theme=stationery] .tutorial-mockup-header{border-bottom:1px dashed var(--color-border);background:linear-gradient(90deg, color-mix(in srgb, var(--color-important) 28%, transparent) 0 112px, transparent 112px), repeating-linear-gradient(180deg, transparent 0 27px, #7b664714 27px 28px), var(--color-surface);padding-left:64px}:root[data-visual-theme=stationery] .tutorial-mockup-kicker,:root[data-visual-theme=stationery] .tutorial-mockup-step-label{border:1px dashed var(--color-border);background:color-mix(in srgb, var(--color-important) 72%, var(--color-surface));box-shadow:3px 3px 0 color-mix(in srgb, var(--color-border) 45%, transparent);border-radius:3px;transform:rotate(-1deg)}:root[data-visual-theme=stationery] .tutorial-mockup-copy{background:linear-gradient(90deg, color-mix(in srgb, var(--color-danger) 14%, transparent) 0 5px, transparent 5px), repeating-linear-gradient(180deg, transparent 0 30px, #7b664714 30px 31px), var(--color-surface)}:root[data-visual-theme=stationery] .tutorial-mockup-web-window{transform:rotate(-.25deg)}:root[data-visual-theme=stationery] .tutorial-mockup-web-topbar span{background:color-mix(in srgb, var(--color-border) 52%, transparent);border-radius:0;width:38px;height:6px}:root[data-visual-theme=stationery] .tutorial-mockup-nav button,:root[data-visual-theme=stationery] .tutorial-skip-btn{border:1px dashed var(--color-border);background:var(--color-surface-raised);border-radius:3px}:root[data-visual-theme=stationery] .tutorial-mockup-dot{border:1px solid var(--color-border);background:var(--color-surface-raised);width:9px;height:9px}:root[data-visual-theme=stationery] .tutorial-mockup-dot--active{background:var(--color-important);width:28px}:root[data-visual-theme=minimal] .tutorial-mockup-modal{background:var(--color-surface-raised);box-shadow:none;border-radius:0}:root[data-visual-theme=minimal] .tutorial-mockup-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:24px 28px}:root[data-visual-theme=minimal] .tutorial-mockup-kicker{color:var(--color-text-muted);letter-spacing:.08em}:root[data-visual-theme=minimal] .tutorial-mockup-header h2{letter-spacing:0;font-size:22px}:root[data-visual-theme=minimal] .tutorial-mockup-body{gap:0;padding:0}:root[data-visual-theme=minimal] .tutorial-mockup-copy{background:var(--color-surface);border-width:0 1px 0 0;justify-content:space-between;min-height:540px;padding:34px 28px 28px}:root[data-visual-theme=minimal] .tutorial-mockup-step-label{border-left:3px solid var(--color-accent);color:var(--color-text);background:0 0;border-radius:0;padding:0 0 0 11px}:root[data-visual-theme=minimal] .tutorial-mockup-copy h3{letter-spacing:0;font-size:26px;line-height:1.18}:root[data-visual-theme=minimal] .tutorial-mockup-copy p,:root[data-visual-theme=minimal] .tutorial-mockup-copy .tutorial-mockup-detail{max-width:26em}:root[data-visual-theme=minimal] .tutorial-mockup-preview{background:linear-gradient(90deg, color-mix(in srgb, var(--color-border) 58%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in srgb, var(--color-border) 58%, transparent) 1px, transparent 1px), var(--color-bg);background-size:80px 80px;border:0;padding:36px}:root[data-visual-theme=minimal] .tutorial-mockup-web-window{border:1px solid var(--color-text);background:var(--color-surface)}:root[data-visual-theme=minimal] .tutorial-mockup-web-topbar{background:0 0;height:30px}:root[data-visual-theme=minimal] .tutorial-mockup-web-topbar span{background:var(--color-text);border-radius:0;width:42px;height:2px}:root[data-visual-theme=minimal] .tutorial-mockup-nav button,:root[data-visual-theme=minimal] .tutorial-skip-btn{border:1px solid var(--color-border);background:0 0;border-radius:0}:root[data-visual-theme=minimal] .tutorial-mockup-nav button:last-child{border-color:var(--color-text);background:var(--color-accent);color:var(--color-today-text)}:root[data-visual-theme=minimal] .tutorial-mockup-dot{background:var(--color-border);border-radius:0;width:18px;height:2px}:root[data-visual-theme=minimal] .tutorial-mockup-dot--active{background:var(--color-text);width:42px}:root[data-visual-theme=terminal] .tutorial-mockup-modal{isolation:isolate;border-color:var(--color-accent);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--color-accent) 12%, transparent), transparent 44%), repeating-linear-gradient(0deg, color-mix(in srgb, var(--color-accent) 7%, transparent) 0 1px, transparent 1px 7px), var(--color-surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 48%, transparent), 0 0 46px color-mix(in srgb, var(--color-accent) 22%, transparent);color:var(--color-text);text-shadow:0 0 10px color-mix(in srgb, var(--color-accent) 18%, transparent);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;position:relative;overflow:auto}:root[data-visual-theme=terminal] .tutorial-mockup-modal:before{content:"";mix-blend-mode:screen;opacity:.24;pointer-events:none;z-index:2;background:repeating-linear-gradient(#ffffff0b 0 1px,#0000 1px 4px);position:absolute;inset:0}:root[data-visual-theme=terminal] .tutorial-mockup-modal>*{z-index:1;position:relative}:root[data-visual-theme=terminal] .tutorial-mockup-header{border-bottom:1px solid var(--color-border);background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 16%, transparent), transparent 62%), var(--color-surface)}:root[data-visual-theme=terminal] .tutorial-mockup-kicker,:root[data-visual-theme=terminal] .tutorial-mockup-step-label{border:1px solid var(--color-border);color:var(--color-accent);background:0 0;border-radius:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}:root[data-visual-theme=terminal] .tutorial-mockup-kicker:before{content:"> "}:root[data-visual-theme=terminal] .tutorial-mockup-header h2:before{content:"./";color:var(--color-accent)}:root[data-visual-theme=terminal] .tutorial-mockup-copy{border-color:var(--color-border);background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--color-accent) 5%, transparent) 0 1px, transparent 1px 7px), var(--color-surface);box-shadow:inset 0 0 28px color-mix(in srgb, var(--color-accent) 7%, transparent)}:root[data-visual-theme=terminal] .tutorial-mockup-copy h3:before{content:"$ ";color:var(--color-accent)}:root[data-visual-theme=terminal] .tutorial-mockup-copy p{color:var(--color-text-secondary)}:root[data-visual-theme=terminal] .tutorial-mockup-preview,:root[data-visual-theme=terminal] .tutorial-mockup-web-stage{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--color-accent) 6%, transparent) 0 1px, transparent 1px 7px), var(--color-bg)}:root[data-visual-theme=terminal] .tutorial-mockup-web-window{border-color:var(--color-accent);background:var(--color-surface);box-shadow:inset 0 0 30px color-mix(in srgb, var(--color-accent) 8%, transparent)}:root[data-visual-theme=terminal] .tutorial-mockup-web-topbar{justify-content:flex-start;height:34px}:root[data-visual-theme=terminal] .tutorial-mockup-web-topbar span{display:none}:root[data-visual-theme=terminal] .tutorial-mockup-web-topbar:before{content:"saydays@web:~$ guide --interactive";color:var(--color-accent);font-size:11px}:root[data-visual-theme=terminal] .tutorial-mockup-nav button,:root[data-visual-theme=terminal] .tutorial-skip-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0;border-radius:0;font-family:inherit}:root[data-visual-theme=terminal] .tutorial-mockup-nav button:last-child{background:var(--color-accent);color:var(--color-today-text)}:root[data-visual-theme=terminal] .tutorial-mockup-dot{border:1px solid var(--color-border);background:0 0;border-radius:0;width:14px;height:8px}:root[data-visual-theme=terminal] .tutorial-mockup-dot--active{background:var(--color-accent);width:34px}:root[data-visual-theme=terminal] .tutorial-visual-panel,:root[data-visual-theme=terminal] .tutorial-visual-calendar,:root[data-visual-theme=terminal] .tutorial-visual-parse-card,:root[data-visual-theme=terminal] .tutorial-visual-quick-card,:root[data-visual-theme=terminal] .tutorial-visual-todo-flow,:root[data-visual-theme=terminal] .tutorial-visual-social-search,:root[data-visual-theme=terminal] .tutorial-visual-profile-card,:root[data-visual-theme=terminal] .tutorial-visual-friend-calendar{box-shadow:inset 0 0 20px color-mix(in srgb, var(--color-accent) 8%, transparent)}@media (width<=640px){:root[data-visual-theme=stationery] .landing-inner,:root[data-visual-theme=minimal] .landing-inner,:root[data-visual-theme=terminal] .landing-inner{width:min(92vw,760px);padding:34px 24px 30px}}:root[data-visual-theme=pixel]{--pixel-font:"Galmuri11", "Galmuri9", "Apple SD Gothic Neo", "Noto Sans KR", monospace;--pixel-display-font:"Press Start 2P", "Galmuri11", monospace;--pixel-line:#151515;--pixel-shadow:#151515;--pixel-highlight:#5fffd2;--pixel-warning:#ffd447;--pixel-pink:#ff5a8f;--pixel-blue:#6bd8ff;--color-bg:#e9ffdf;--color-surface:#fff7c8;--color-surface-raised:#fffdeb;--color-border:#15151594;--color-grid-gap:#151515;--color-text:#151515;--color-text-secondary:#3f4b3d;--color-text-muted:#687664;--color-accent:#008f7e;--color-accent-hover:#006f66;--color-accent-subtle:#c7ffe6;--color-danger:#df315f;--color-danger-hover:#b91f49;--color-danger-subtle:#df315f29;--color-important:#f7b928;--color-sunday:#df315f;--color-saturday:#006fbd;--color-today-bg:#151515;--color-today-text:#fff7c8;--color-other-month-bg:#c9d8bf;--color-other-month-text:#62705e;--color-cell-hover:#5fffd238;--event-bar-bg:#5fffd247;--color-todo-section-label:#3f4b3d;--color-todo-date-label:#687664;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-full:0}:root[data-visual-theme=pixel][data-theme=dark]{--pixel-line:#030404;--pixel-shadow:#030404;--pixel-highlight:#64ffd7;--pixel-warning:#ffe066;--pixel-pink:#ff6498;--pixel-blue:#7de2ff;--color-bg:#12130f;--color-surface:#20251a;--color-surface-raised:#2b321f;--color-border:#e4ffc68c;--color-grid-gap:#030404;--color-text:#efffd0;--color-text-secondary:#c1dfa5;--color-text-muted:#82956f;--color-accent:#64ffd7;--color-accent-hover:#9affea;--color-accent-subtle:#64ffd729;--color-danger:#ff6498;--color-danger-hover:#ff8ab2;--color-danger-subtle:#ff64982e;--color-important:#ffe066;--color-sunday:#ff6498;--color-saturday:#7de2ff;--color-today-bg:#ffe066;--color-today-text:#030404;--color-other-month-bg:#171a13;--color-other-month-text:#4a5842;--color-cell-hover:#64ffd71f;--event-bar-bg:#64ffd72e;--color-todo-section-label:#c1dfa5;--color-todo-date-label:#82956f}:root[data-visual-theme=pixel] body{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--color-bg) 92%, var(--pixel-line) 8%) 0 1px, transparent 1px 24px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--color-bg) 92%, var(--pixel-line) 8%) 0 1px, transparent 1px 24px), var(--color-bg);image-rendering:pixelated}:root[data-visual-theme=pixel] .app,:root[data-visual-theme=pixel] .landing,:root[data-visual-theme=pixel] .modal-card,:root[data-visual-theme=pixel] .tutorial-mockup-modal,:root[data-visual-theme=pixel] .date-click-panel,:root[data-visual-theme=pixel] .mobile-warning-card{font-family:var(--pixel-font);letter-spacing:0}:root[data-visual-theme=pixel] .app,:root[data-visual-theme=pixel] .landing{isolation:isolate;background:repeating-linear-gradient(0deg, #1515150a 0 1px, transparent 1px 4px), linear-gradient(135deg, color-mix(in srgb, var(--color-bg) 82%, var(--pixel-highlight) 18%), var(--color-bg));position:relative}:root[data-visual-theme=pixel] .app:before,:root[data-visual-theme=pixel] .landing:before{content:"";z-index:10000;pointer-events:none;mix-blend-mode:soft-light;opacity:.56;background:repeating-linear-gradient(0deg,#ffffff0f 0 1px,#0000 1px 3px);position:fixed;inset:0}:root[data-visual-theme=pixel] .app:after,:root[data-visual-theme=pixel] .landing:after{content:"";z-index:-1;aspect-ratio:1;background:linear-gradient(var(--pixel-warning) 0 0) 0 0 / 16px 16px, linear-gradient(var(--pixel-pink) 0 0) 32px 32px / 16px 16px, linear-gradient(var(--pixel-blue) 0 0) 64px 0 / 16px 16px, linear-gradient(var(--pixel-highlight) 0 0) 96px 48px / 16px 16px;opacity:.52;background-repeat:no-repeat;width:min(34vw,320px);position:fixed;bottom:18px;right:18px}:root[data-visual-theme=pixel] .app-header,:root[data-visual-theme=pixel] .calendar-section,:root[data-visual-theme=pixel] .side-panel,:root[data-visual-theme=pixel] .todo-list,:root[data-visual-theme=pixel] .nl-input,:root[data-visual-theme=pixel] .modal-card,:root[data-visual-theme=pixel] .tutorial-mockup-modal,:root[data-visual-theme=pixel] .date-click-panel,:root[data-visual-theme=pixel] .mobile-warning-card,:root[data-visual-theme=pixel] .landing-input,:root[data-visual-theme=pixel] .landing-theme-btn,:root[data-visual-theme=pixel] .app-sidebar,:root[data-visual-theme=pixel] .diary-toolbar{border:3px solid var(--pixel-line);box-shadow:6px 6px 0 var(--pixel-shadow)}:root[data-visual-theme=pixel] .app-header{z-index:260;background:linear-gradient(90deg, var(--color-surface) 0 50%, color-mix(in srgb, var(--color-surface) 72%, var(--pixel-highlight) 28%) 50% 100%);box-shadow:0 5px 0 var(--pixel-line);background-size:28px 100%;border-width:0 0 4px;padding:14px 22px;position:sticky;top:0}:root[data-visual-theme=pixel] .app-logo{gap:12px}:root[data-visual-theme=pixel] .app-logo-icon{background:linear-gradient(var(--pixel-pink) 0 0) 4px 2px / 4px 4px, linear-gradient(var(--pixel-blue) 0 0) 16px 2px / 4px 4px, linear-gradient(var(--color-surface-raised) 0 0) 4px 8px / 16px 12px, linear-gradient(var(--pixel-line) 0 0) 0 0 / 24px 24px;width:24px;height:24px;box-shadow:3px 3px 0 var(--pixel-shadow);background-repeat:no-repeat;font-size:0}:root[data-visual-theme=pixel] .app-logo-text{font-family:var(--pixel-display-font);color:var(--color-text);text-shadow:2px 2px 0 var(--pixel-warning);font-size:13px;font-weight:400;line-height:1.3}:root[data-visual-theme=pixel] .app-header-context{border:2px solid var(--pixel-line);background:var(--color-accent-subtle);color:var(--color-text);padding:5px 8px;font-size:10px}:root[data-visual-theme=pixel] .theme-toggle-btn,:root[data-visual-theme=pixel] .landing-theme-btn,:root[data-visual-theme=pixel] .cal-nav-btn,:root[data-visual-theme=pixel] .view-mode-btn,:root[data-visual-theme=pixel] .sidebar-item,:root[data-visual-theme=pixel] .diary-tool-btn,:root[data-visual-theme=pixel] .diary-width-btn,:root[data-visual-theme=pixel] .diary-zoom-label,:root[data-visual-theme=pixel] .modal-close,:root[data-visual-theme=pixel] .todo-delete,:root[data-visual-theme=pixel] .event-chip-delete,:root[data-visual-theme=pixel] .event-bar-delete{border-radius:0}:root[data-visual-theme=pixel] .theme-toggle-btn{border:3px solid var(--pixel-line);background:var(--pixel-warning);width:36px;height:36px;color:var(--pixel-line);box-shadow:4px 4px 0 var(--pixel-shadow)}:root[data-visual-theme=pixel] .theme-toggle-btn:hover{background:var(--pixel-highlight);box-shadow:2px 2px 0 var(--pixel-shadow);transform:translate(2px,2px)}:root[data-visual-theme=pixel] .app-main{padding:24px 24px 34px 56px}:root[data-visual-theme=pixel] .app-body{grid-template-columns:minmax(0,1.52fr) minmax(320px,.78fr);gap:24px}:root[data-visual-theme=pixel] .sidebar-wrapper{width:18px}:root[data-visual-theme=pixel] .app-sidebar{background:var(--color-surface-raised);gap:8px;width:58px;height:auto;padding:12px 6px;transition:transform .12s steps(2,end);top:96px}:root[data-visual-theme=pixel] .sidebar-item{width:40px;min-height:40px;color:var(--color-text);border:2px solid #0000;padding:7px 0}:root[data-visual-theme=pixel] .sidebar-item:hover,:root[data-visual-theme=pixel] .sidebar-item.active{border-color:var(--pixel-line);background:var(--pixel-highlight);color:var(--pixel-line);box-shadow:3px 3px 0 var(--pixel-shadow)}html[data-visual-theme=pixel]:not([data-theme=dark]) .sidebar-item.active{background:var(--pixel-highlight);color:var(--pixel-line)}:root[data-visual-theme=pixel] .sidebar-label{font-size:8px;font-weight:800}:root[data-visual-theme=pixel] .calendar-section{background:var(--color-surface-raised);overflow:visible}:root[data-visual-theme=pixel] .calendar-view{background:var(--color-surface-raised)}:root[data-visual-theme=pixel] .calendar-header{border-bottom:3px solid var(--pixel-line);background:var(--color-surface);padding:14px 16px}:root[data-visual-theme=pixel] .calendar-title,:root[data-visual-theme=pixel] .todo-header h3{border:3px solid var(--pixel-line);background:var(--pixel-warning);color:var(--pixel-line);box-shadow:4px 4px 0 var(--pixel-shadow);font-family:var(--pixel-display-font);text-transform:uppercase;border-radius:0;padding:8px 10px;font-size:10px;font-weight:400;line-height:1.55}:root[data-visual-theme=pixel] .calendar-header-right{gap:8px}:root[data-visual-theme=pixel] .cal-nav-btn,:root[data-visual-theme=pixel] .view-mode-btn{border:2px solid var(--pixel-line);background:var(--color-surface-raised);min-width:34px;height:34px;color:var(--color-text);box-shadow:3px 3px 0 var(--pixel-shadow);text-align:center;justify-content:center;align-items:center;padding:6px 9px;font-size:10px;display:inline-flex}:root[data-visual-theme=pixel] .cal-nav-btn:hover,:root[data-visual-theme=pixel] .view-mode-btn:hover,:root[data-visual-theme=pixel] .tutorial-mockup-nav button:hover:not(:disabled),:root[data-visual-theme=pixel] .friend-workspace__return-btn:hover{background:var(--pixel-highlight);color:var(--pixel-line);box-shadow:1px 1px 0 var(--pixel-shadow);transform:translate(2px,2px)}:root[data-visual-theme=pixel] .calendar-day-headers{border-bottom:3px solid var(--pixel-line);background:var(--color-grid-gap);gap:1px;padding:0}:root[data-visual-theme=pixel] .day-header{background:var(--color-surface);color:var(--color-text);padding:8px 4px;font-size:9px;font-weight:800}:root[data-visual-theme=pixel] .calendar-grid-wrapper{background:var(--color-grid-gap)}:root[data-visual-theme=pixel] .calendar-cell{background:linear-gradient(90deg, #15151509 1px, transparent 1px), linear-gradient(180deg, #15151509 1px, transparent 1px), var(--color-surface-raised);background-size:12px 12px;transition:background 80ms steps(2,end),transform 80ms steps(2,end)}:root[data-visual-theme=pixel] .calendar-cell:hover,:root[data-visual-theme=pixel] .calendar-cell--drag-over{background:repeating-linear-gradient(135deg, #5fffd247 0 6px, transparent 6px 12px), var(--color-accent-subtle)!important}:root[data-visual-theme=pixel] .calendar-cell.other-month{background:linear-gradient(90deg, #1515150d 1px, transparent 1px), linear-gradient(180deg, #1515150d 1px, transparent 1px), var(--color-other-month-bg);background-size:12px 12px}:root[data-visual-theme=pixel] .cell-day{border:2px solid #0000;border-radius:0;width:24px;height:22px;font-size:11px;font-weight:900}:root[data-visual-theme=pixel] .cell-day.today-badge{border-color:var(--pixel-line);box-shadow:3px 3px 0 var(--pixel-shadow)}:root[data-visual-theme=pixel] .cell-holiday-name{background:var(--color-danger-subtle);color:var(--color-danger);padding:1px 3px;font-size:9px}:root[data-visual-theme=pixel] .event-chip,:root[data-visual-theme=pixel] .event-bar,:root[data-visual-theme=pixel] .drag-ghost-chip{border:2px solid var(--pixel-line);min-height:18px;color:var(--pixel-line);image-rendering:pixelated;border-radius:0;font-size:10px;font-weight:800;box-shadow:2px 2px #151515d1}:root[data-visual-theme=pixel][data-theme=dark] .event-chip,:root[data-visual-theme=pixel][data-theme=dark] .event-bar,:root[data-visual-theme=pixel][data-theme=dark] .drag-ghost-chip{color:#fff}:root[data-visual-theme=pixel] .event-chip:hover,:root[data-visual-theme=pixel] .event-bar:hover{filter:saturate(1.2)contrast(1.08);transform:translate(1px,1px);box-shadow:1px 1px #151515d1}:root[data-visual-theme=pixel] .event-chip-delete,:root[data-visual-theme=pixel] .event-bar-delete{border:2px solid var(--pixel-line);background:var(--pixel-pink);width:15px;height:15px;color:var(--pixel-line)}:root[data-visual-theme=pixel] .side-panel{background:var(--color-surface);padding:16px;position:sticky;top:82px}:root[data-visual-theme=pixel] .nl-input-container,:root[data-visual-theme=pixel] .todo-list{background:var(--color-surface-raised)}:root[data-visual-theme=pixel] .nl-input{background:linear-gradient(90deg, #1515150d 1px, transparent 1px), var(--color-surface-raised);min-height:48px;color:var(--color-text);box-shadow:5px 5px 0 var(--pixel-shadow);background-size:10px 100%;border-radius:0;padding:13px 14px;font-size:13px}:root[data-visual-theme=pixel] .nl-input:focus,:root[data-visual-theme=pixel] .landing-input:focus,:root[data-visual-theme=pixel] .login-input:focus{border-color:var(--pixel-line);box-shadow:5px 5px 0 var(--pixel-highlight), 0 0 0 4px color-mix(in srgb, var(--pixel-highlight) 34%, transparent)}:root[data-visual-theme=pixel][data-theme=dark] .nl-input,:root[data-visual-theme=pixel][data-theme=dark] .nl-input:focus,:root[data-visual-theme=pixel][data-theme=dark] .landing-input:focus{box-shadow:5px 5px 0 var(--pixel-shadow), 0 0 0 4px color-mix(in srgb, var(--pixel-highlight) 22%, transparent)}:root[data-visual-theme=pixel] .nl-error{border:2px solid var(--pixel-line);background:var(--pixel-pink);color:var(--pixel-line);box-shadow:4px 4px 0 var(--pixel-shadow);border-radius:0}:root[data-visual-theme=pixel] .error-icon{background:var(--pixel-line);border-radius:0}html[data-visual-theme=pixel]:not([data-theme=dark]) .todo-list,:root[data-visual-theme=pixel][data-theme=dark] .todo-list{--color-accent:var(--pixel-highlight);--color-accent-hover:var(--pixel-highlight);--color-accent-subtle:color-mix(in srgb, var(--pixel-highlight) 22%, transparent);--color-border:var(--pixel-line)}html[data-visual-theme=pixel]:not([data-theme=dark]) .todo-list{--color-text:#151515;--color-text-secondary:#3f4b3d;--color-text-muted:#687664}:root[data-visual-theme=pixel][data-theme=dark] .todo-list{--color-text:#efffd0;--color-text-secondary:#c1dfa5;--color-text-muted:#82956f}:root[data-visual-theme=pixel] .todo-list{background:var(--color-surface-raised);padding:12px}:root[data-visual-theme=pixel] .todo-header{justify-content:space-between;padding-bottom:12px}:root[data-visual-theme=pixel] .todo-count{border:2px solid var(--pixel-line);background:var(--pixel-pink);min-width:24px;height:24px;color:var(--pixel-line);box-shadow:3px 3px 0 var(--pixel-shadow);font-size:10px}:root[data-visual-theme=pixel] .todo-group{border-top:3px solid var(--pixel-line);margin-top:10px;padding-top:10px}:root[data-visual-theme=pixel] .todo-group-label,:root[data-visual-theme=pixel] .todo-section-label,:root[data-visual-theme=pixel] .todo-date-group-label{color:var(--color-text-secondary);letter-spacing:0;font-size:10px;font-weight:900}:root[data-visual-theme=pixel] .todo-item{background:color-mix(in srgb, var(--color-surface-raised) 82%, white 18%);border:2px solid #0000;margin:4px 0;padding:8px 6px 8px 30px}:root[data-visual-theme=pixel][data-theme=dark] .todo-item{background:color-mix(in srgb, var(--color-surface-raised) 88%, white 12%)}:root[data-visual-theme=pixel] .todo-item:before{border:2px solid var(--pixel-line);border-radius:0;width:7px;top:8px;bottom:8px;left:10px}:root[data-visual-theme=pixel] .todo-item:hover{border-color:var(--pixel-line);box-shadow:4px 4px 0 var(--pixel-shadow)}:root[data-visual-theme=pixel] .todo-title,:root[data-visual-theme=pixel] .todo-desc,:root[data-visual-theme=pixel] .todo-date{white-space:nowrap}:root[data-visual-theme=pixel] .todo-title{font-size:12px;font-weight:900}:root[data-visual-theme=pixel] .todo-check{border:3px solid var(--pixel-line);background:var(--color-surface);width:18px;height:18px;color:var(--pixel-line);border-radius:0}:root[data-visual-theme=pixel] .todo-check.checked,:root[data-visual-theme=pixel][data-theme=dark] .todo-check.checked{background:var(--pixel-warning);border-color:var(--pixel-line);color:var(--pixel-line)}:root[data-visual-theme=pixel] .todo-delete{border:2px solid var(--pixel-line);background:var(--pixel-pink);color:var(--pixel-line)}:root[data-visual-theme=pixel] .modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:repeating-linear-gradient(0deg,#15151538 0 1px,#0000 1px 4px),#1515158a}:root[data-visual-theme=pixel] .modal-card,:root[data-visual-theme=pixel] .tutorial-mockup-modal,:root[data-visual-theme=pixel] .date-click-panel,:root[data-visual-theme=pixel] .mobile-warning-card,:root[data-visual-theme=pixel] .trash-modal-card,:root[data-visual-theme=pixel] .settings-modal-card,:root[data-visual-theme=pixel] .login-modal-card{background:var(--color-surface-raised);border-radius:0}:root[data-visual-theme=pixel] .modal-header,:root[data-visual-theme=pixel] .date-click-panel__header,:root[data-visual-theme=pixel] .date-click-panel__footer{border-color:var(--pixel-line)}:root[data-visual-theme=pixel] .modal-header h3,:root[data-visual-theme=pixel] .settings-title,:root[data-visual-theme=pixel] .date-click-panel__date,:root[data-visual-theme=pixel] .mobile-warning-title{font-family:var(--pixel-display-font);font-size:11px;line-height:1.6}:root[data-visual-theme=pixel] .login-input,:root[data-visual-theme=pixel] .modal-form input,:root[data-visual-theme=pixel] .modal-form textarea,:root[data-visual-theme=pixel] .event-form-input,:root[data-visual-theme=pixel] .event-form-textarea,:root[data-visual-theme=pixel] .date-click-panel input,:root[data-visual-theme=pixel] .date-click-panel textarea{border:2px solid var(--pixel-line);background:var(--color-surface);border-radius:0}:root[data-visual-theme=pixel] .login-btn,:root[data-visual-theme=pixel] .settings-btn,:root[data-visual-theme=pixel] .mobile-warning-store-btn,:root[data-visual-theme=pixel] .mobile-warning-continue-btn{border:2px solid var(--pixel-line);background:var(--pixel-highlight);color:var(--pixel-line);box-shadow:4px 4px 0 var(--pixel-shadow);text-align:center;border-radius:0;text-decoration:none}:root[data-visual-theme=pixel] .login-btn:hover:not(:disabled),:root[data-visual-theme=pixel] .settings-btn:hover,:root[data-visual-theme=pixel] .mobile-warning-store-btn:hover,:root[data-visual-theme=pixel] .mobile-warning-continue-btn:hover{box-shadow:2px 2px 0 var(--pixel-shadow);transform:translate(2px,2px)}:root[data-visual-theme=pixel] .date-click-panel__existing-item,:root[data-visual-theme=pixel] .trash-item,:root[data-visual-theme=pixel] .friend-workspace__hero,:root[data-visual-theme=pixel] .friend-workspace__calendar-shell,:root[data-visual-theme=pixel] .friend-workspace__side-card,:root[data-visual-theme=pixel] .friend-workspace__status-card,:root[data-visual-theme=pixel] .friend-workspace__return-btn{border:3px solid var(--pixel-line);background:var(--color-surface-raised);box-shadow:5px 5px 0 var(--pixel-shadow);border-radius:0}:root[data-visual-theme=pixel] .diary-toolbar{background:var(--color-surface-raised);margin-bottom:12px}:root[data-visual-theme=pixel] .diary-tool-btn.active,:root[data-visual-theme=pixel] .diary-width-btn.active{background:var(--pixel-highlight);color:var(--pixel-line);border-color:var(--pixel-line)}:root[data-visual-theme=pixel] .diary-color-swatch{border:2px solid var(--pixel-line);border-radius:0;width:20px;height:20px}:root[data-visual-theme=pixel] .landing{overflow:hidden}:root[data-visual-theme=pixel] .landing-inner{border:4px solid var(--pixel-line);background:var(--color-surface-raised);width:min(660px,100vw - 36px);box-shadow:10px 10px 0 var(--pixel-shadow);gap:24px;padding:28px}:root[data-visual-theme=pixel] .landing-question{max-width:100%;color:var(--color-text);font-family:var(--pixel-display-font);text-align:center;text-shadow:3px 3px 0 var(--pixel-warning);word-break:keep-all;font-size:clamp(17px,3vw,28px);line-height:1.65}:root[data-visual-theme=pixel] .landing-input{background:var(--color-surface);box-shadow:6px 6px 0 var(--pixel-shadow);border-width:3px;border-radius:0}:root[data-visual-theme=pixel] .landing-hint{color:var(--color-text-secondary);font-size:11px}:root[data-visual-theme=pixel] .landing-theme-btn{background:var(--pixel-warning);border-radius:0}:root[data-visual-theme=pixel] .tutorial-mockup-copy,:root[data-visual-theme=pixel] .tutorial-mockup-preview,:root[data-visual-theme=pixel] .tutorial-mockup-web-window,:root[data-visual-theme=pixel] .tutorial-mockup-web-topbar,:root[data-visual-theme=pixel] .tutorial-visual-panel,:root[data-visual-theme=pixel] .tutorial-visual-calendar,:root[data-visual-theme=pixel] .tutorial-visual-calendar span,:root[data-visual-theme=pixel] .tutorial-visual-todo-row,:root[data-visual-theme=pixel] .tutorial-visual-parse-card,:root[data-visual-theme=pixel] .tutorial-visual-input,:root[data-visual-theme=pixel] .tutorial-visual-quick-card,:root[data-visual-theme=pixel] .tutorial-visual-todo-flow,:root[data-visual-theme=pixel] .tutorial-visual-trash-bin,:root[data-visual-theme=pixel] .tutorial-visual-deleted-chip{border-radius:0}:root[data-visual-theme=pixel] .tutorial-mockup-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:repeating-linear-gradient(0deg,#15151547 0 2px,#0000 2px 6px),repeating-linear-gradient(90deg,#ffd4471f 0 16px,#0000 16px 32px),#15151594}:root[data-visual-theme=pixel] .tutorial-mockup-modal{border:4px solid var(--pixel-line);background:linear-gradient(90deg, #1515150a 1px, transparent 1px), linear-gradient(180deg, #1515150a 1px, transparent 1px), var(--color-surface-raised);box-shadow:12px 12px 0 var(--pixel-shadow);color:var(--color-text);font-family:var(--pixel-font);background-size:12px 12px}:root[data-visual-theme=pixel][data-theme=dark] .tutorial-mockup-modal{background:linear-gradient(90deg, #efffd00a 1px, transparent 1px), linear-gradient(180deg, #efffd00a 1px, transparent 1px), var(--color-surface-raised);background-size:12px 12px}:root[data-visual-theme=pixel] .tutorial-mockup-header{border-bottom:4px solid var(--pixel-line);background:repeating-linear-gradient(135deg, #5fffd23d 0 8px, transparent 8px 16px), var(--color-surface);padding:18px 20px 16px}:root[data-visual-theme=pixel] .tutorial-mockup-kicker{border:2px solid var(--pixel-line);background:var(--pixel-pink);width:fit-content;color:var(--pixel-line);box-shadow:3px 3px 0 var(--pixel-shadow);font-family:var(--pixel-display-font);text-transform:uppercase;padding:5px 7px;font-size:8px;font-weight:400;line-height:1.6}:root[data-visual-theme=pixel] .tutorial-mockup-header h2{color:var(--color-text);font-family:var(--pixel-display-font);text-shadow:3px 3px 0 var(--pixel-warning);word-break:keep-all;margin-top:10px;font-size:13px;font-weight:400;line-height:1.65}:root[data-visual-theme=pixel][data-theme=dark] .tutorial-mockup-header h2{text-shadow:3px 3px #ffe0665c}:root[data-visual-theme=pixel] .tutorial-mockup-body{gap:18px;padding:18px}:root[data-visual-theme=pixel] .tutorial-mockup-copy{border:3px solid var(--pixel-line);background:linear-gradient(90deg, #1515150f 1px, transparent 1px), linear-gradient(180deg, #1515150f 1px, transparent 1px), var(--color-surface);min-height:520px;box-shadow:6px 6px 0 var(--pixel-shadow);background-size:14px 14px;padding:18px}:root[data-visual-theme=pixel][data-theme=dark] .tutorial-mockup-copy{background:linear-gradient(90deg, #efffd00f 1px, transparent 1px), linear-gradient(180deg, #efffd00f 1px, transparent 1px), var(--color-surface);background-size:14px 14px}:root[data-visual-theme=pixel] .tutorial-mockup-step-label{border:2px solid var(--pixel-line);background:var(--pixel-warning);color:var(--pixel-line);box-shadow:3px 3px 0 var(--pixel-shadow);padding:6px 8px;font-size:10px;line-height:1.2}:root[data-visual-theme=pixel] .tutorial-mockup-copy h3{color:var(--color-text);font-family:var(--pixel-display-font);text-shadow:2px 2px 0 var(--pixel-highlight);font-size:15px;font-weight:400;line-height:1.7}:root[data-visual-theme=pixel] .tutorial-mockup-copy p{color:var(--color-text-secondary);font-size:12px;font-weight:800;line-height:1.75}:root[data-visual-theme=pixel] .tutorial-mockup-copy .tutorial-mockup-detail{color:var(--color-text-muted);font-size:11px;font-weight:800}:root[data-visual-theme=pixel] .tutorial-mockup-dot{border:2px solid var(--pixel-line);background:var(--color-surface-raised);width:10px;height:10px;box-shadow:2px 2px 0 var(--pixel-shadow);transition:width 80ms steps(2,end),background 80ms steps(2,end),transform 80ms steps(2,end)}:root[data-visual-theme=pixel] .tutorial-mockup-dot--active{background:var(--pixel-highlight);width:30px}:root[data-visual-theme=pixel] .tutorial-mockup-dot:hover{box-shadow:1px 1px 0 var(--pixel-shadow);transform:translate(1px,1px)}:root[data-visual-theme=pixel] .tutorial-mockup-nav button{border:2px solid var(--pixel-line);background:var(--color-surface-raised);min-width:76px;height:36px;color:var(--color-text);box-shadow:4px 4px 0 var(--pixel-shadow);font-size:11px;font-weight:900;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end),background 80ms steps(2,end)}:root[data-visual-theme=pixel] .tutorial-mockup-nav button:last-child{background:var(--pixel-highlight);color:var(--pixel-line)}:root[data-visual-theme=pixel] .tutorial-mockup-nav button:disabled{background:color-mix(in srgb, var(--color-surface) 72%, var(--pixel-line));color:var(--color-text-muted);opacity:.72}:root[data-visual-theme=pixel] .tutorial-skip-btn{width:fit-content;color:var(--color-text-secondary);text-underline-offset:4px;padding:5px 0;font-size:11px;font-weight:900;text-decoration:underline;text-decoration-thickness:2px}:root[data-visual-theme=pixel] .tutorial-mockup-preview{border:3px solid var(--pixel-line);background:linear-gradient(90deg, #15151524 2px, transparent 2px), linear-gradient(180deg, #15151524 2px, transparent 2px), var(--color-bg);box-shadow:inset 0 0 0 4px var(--color-surface-raised), 6px 6px 0 var(--pixel-shadow);background-size:28px 28px}:root[data-visual-theme=pixel][data-theme=dark] .tutorial-mockup-preview{background:linear-gradient(90deg, #efffd01f 2px, transparent 2px), linear-gradient(180deg, #efffd01f 2px, transparent 2px), var(--color-bg);box-shadow:inset 0 0 0 4px var(--color-surface-raised), 6px 6px 0 var(--pixel-shadow);background-size:28px 28px}:root[data-visual-theme=pixel] .tutorial-mockup-web-window{border:4px solid var(--pixel-line);background:var(--color-surface-raised);box-shadow:9px 9px 0 var(--pixel-shadow)}:root[data-visual-theme=pixel] .tutorial-mockup-web-topbar{border-bottom:4px solid var(--pixel-line);background:var(--pixel-warning);height:34px}:root[data-visual-theme=pixel] .tutorial-mockup-web-topbar span{border:2px solid var(--pixel-line);background:var(--pixel-pink);width:10px;height:10px;box-shadow:2px 2px 0 var(--pixel-shadow)}:root[data-visual-theme=pixel] .tutorial-mockup-web-topbar span:nth-child(2){background:var(--pixel-highlight)}:root[data-visual-theme=pixel] .tutorial-mockup-web-topbar span:nth-child(3){background:var(--pixel-blue)}:root[data-visual-theme=pixel] .tutorial-mockup-web-stage{background:linear-gradient(90deg, #1515150d 1px, transparent 1px), linear-gradient(180deg, #1515150d 1px, transparent 1px), var(--color-surface-raised);background-size:16px 16px}:root[data-visual-theme=pixel][data-theme=dark] .tutorial-mockup-web-stage{background:linear-gradient(90deg, #efffd00d 1px, transparent 1px), linear-gradient(180deg, #efffd00d 1px, transparent 1px), var(--color-surface-raised);background-size:16px 16px}:root[data-visual-theme=pixel] .tutorial-visual-calendar,:root[data-visual-theme=pixel] .tutorial-visual-panel,:root[data-visual-theme=pixel] .tutorial-visual-quick-card,:root[data-visual-theme=pixel] .tutorial-visual-todo-flow,:root[data-visual-theme=pixel] .tutorial-visual-diary-toolbar,:root[data-visual-theme=pixel] .tutorial-visual-social-search,:root[data-visual-theme=pixel] .tutorial-visual-profile-card,:root[data-visual-theme=pixel] .tutorial-visual-friend-calendar,:root[data-visual-theme=pixel] .tutorial-visual-device,:root[data-visual-theme=pixel] .tutorial-visual-sync-cloud span,:root[data-visual-theme=pixel] .tutorial-visual-workspace-map{border:3px solid var(--pixel-line);background:var(--color-surface);box-shadow:5px 5px 0 var(--pixel-shadow);border-radius:0}:root[data-visual-theme=pixel] .tutorial-visual-calendar{background:var(--pixel-line);gap:3px}:root[data-visual-theme=pixel] .tutorial-visual-calendar span{background:var(--color-surface-raised);border:2px solid #0000;min-height:34px}:root[data-visual-theme=pixel] .tutorial-visual-calendar .tutorial-visual-cell--event,:root[data-visual-theme=pixel] .tutorial-visual-friend-calendar .tutorial-visual-friend-day--filled{background:linear-gradient(90deg, var(--pixel-highlight) 0 7px, transparent 7px 100%), var(--color-surface-raised)}:root[data-visual-theme=pixel] .tutorial-visual-calendar .tutorial-visual-cell--today{border-color:var(--pixel-line);background:var(--pixel-warning);box-shadow:inset 0 0 0 5px var(--color-surface-raised)}:root[data-visual-theme=pixel] .tutorial-visual-calendar .tutorial-visual-cell--target{outline:3px solid var(--pixel-pink);outline-offset:-5px;box-shadow:inset 0 0 0 4px var(--pixel-warning)}:root[data-visual-theme=pixel] .tutorial-visual-calendar .tutorial-visual-cell--ink{background:linear-gradient(135deg, transparent 0 44%, var(--pixel-pink) 44% 56%, transparent 56%), var(--color-surface-raised)}:root[data-visual-theme=pixel] .tutorial-visual-calendar .tutorial-visual-cell--shared{background:linear-gradient(90deg, var(--pixel-blue) 0 7px, transparent 7px 100%), linear-gradient(180deg, transparent 0 58%, var(--pixel-warning) 58% 72%, transparent 72%), var(--color-surface-raised)}:root[data-visual-theme=pixel] .tutorial-visual-line,:root[data-visual-theme=pixel] .tutorial-visual-input span,:root[data-visual-theme=pixel] .tutorial-visual-save-row span,:root[data-visual-theme=pixel] .tutorial-visual-todo-row i,:root[data-visual-theme=pixel] .tutorial-visual-quick-lines span,:root[data-visual-theme=pixel] .tutorial-visual-slider,:root[data-visual-theme=pixel] .tutorial-visual-social-search span,:root[data-visual-theme=pixel] .tutorial-visual-profile-card i,:root[data-visual-theme=pixel] .tutorial-visual-friend-calendar span,:root[data-visual-theme=pixel] .tutorial-visual-device span,:root[data-visual-theme=pixel] .tutorial-visual-workspace-map span{background:color-mix(in srgb, var(--pixel-line) 16%, transparent);border-radius:0}:root[data-visual-theme=pixel] .tutorial-visual-pill,:root[data-visual-theme=pixel] .tutorial-visual-input,:root[data-visual-theme=pixel] .tutorial-visual-parse-card,:root[data-visual-theme=pixel] .tutorial-visual-save-row b,:root[data-visual-theme=pixel] .tutorial-visual-todo-row,:root[data-visual-theme=pixel] .tutorial-visual-trash-tray,:root[data-visual-theme=pixel] .tutorial-visual-trash-bin,:root[data-visual-theme=pixel] .tutorial-visual-deleted-chip,:root[data-visual-theme=pixel] .tutorial-visual-quick-date,:root[data-visual-theme=pixel] .tutorial-visual-plus-btn,:root[data-visual-theme=pixel] .tutorial-visual-tool,:root[data-visual-theme=pixel] .tutorial-visual-color,:root[data-visual-theme=pixel] .tutorial-visual-avatar,:root[data-visual-theme=pixel] .tutorial-visual-profile-card b{border:2px solid var(--pixel-line);box-shadow:3px 3px 0 var(--pixel-shadow);border-radius:0}:root[data-visual-theme=pixel] .tutorial-visual-pill,:root[data-visual-theme=pixel] .tutorial-visual-input{background:repeating-linear-gradient(90deg, #5fffd242 0 8px, transparent 8px 16px), var(--color-surface-raised)}:root[data-visual-theme=pixel] .tutorial-visual-parse-card,:root[data-visual-theme=pixel] .tutorial-visual-todo-row,:root[data-visual-theme=pixel] .tutorial-visual-quick-card,:root[data-visual-theme=pixel] .tutorial-visual-todo-flow,:root[data-visual-theme=pixel] .tutorial-visual-diary-toolbar,:root[data-visual-theme=pixel] .tutorial-visual-social-search,:root[data-visual-theme=pixel] .tutorial-visual-profile-card,:root[data-visual-theme=pixel] .tutorial-visual-friend-calendar{background:var(--color-surface-raised)}:root[data-visual-theme=pixel] .tutorial-visual-input i{background:var(--pixel-pink);border-radius:0;width:4px;height:22px}:root[data-visual-theme=pixel] .tutorial-visual-parse-card span,:root[data-visual-theme=pixel] .tutorial-visual-todo-row span,:root[data-visual-theme=pixel] .tutorial-visual-deleted-chip span{background:color-mix(in srgb, var(--pixel-highlight) 44%, transparent);border-radius:0}:root[data-visual-theme=pixel] .tutorial-visual-save-row b,:root[data-visual-theme=pixel] .tutorial-visual-plus-btn,:root[data-visual-theme=pixel] .tutorial-visual-tool--active{background:var(--pixel-highlight);color:var(--pixel-line)}:root[data-visual-theme=pixel] .tutorial-visual-todo-row--done span,:root[data-visual-theme=pixel] .tutorial-visual-deleted-chip span,:root[data-visual-theme=pixel] .tutorial-visual-profile-card b{background:linear-gradient(135deg, transparent 0 40%, var(--pixel-line) 40% 52%, transparent 52%), var(--pixel-highlight)}:root[data-visual-theme=pixel] .tutorial-visual-trash-tray,:root[data-visual-theme=pixel] .tutorial-visual-trash-bin{background:color-mix(in srgb, var(--pixel-pink) 18%, var(--color-surface-raised))}:root[data-visual-theme=pixel] .tutorial-visual-trash-tray-icon,:root[data-visual-theme=pixel] .tutorial-visual-trash-bin-icon{color:var(--pixel-line);stroke-linecap:square;stroke-linejoin:miter}:root[data-visual-theme=pixel] .tutorial-visual-flow-arrow,:root[data-visual-theme=pixel] .tutorial-visual-restore-arrow,:root[data-visual-theme=pixel] .tutorial-visual-sync-line{background:repeating-linear-gradient(90deg, var(--pixel-line) 0 10px, transparent 10px 16px);border-radius:0;height:4px}:root[data-visual-theme=pixel] .tutorial-visual-flow-arrow:after,:root[data-visual-theme=pixel] .tutorial-visual-restore-arrow:after{border-color:var(--pixel-line);border-width:4px;width:12px;height:12px}:root[data-visual-theme=pixel] .tutorial-visual-quick-date{background:linear-gradient(180deg, var(--pixel-pink) 0 14px, var(--pixel-warning) 14px 100%)}:root[data-visual-theme=pixel] .tutorial-visual-plus-btn{font-family:var(--pixel-display-font);font-size:17px;font-weight:400}:root[data-visual-theme=pixel] .tutorial-visual-color--green{background:var(--pixel-highlight)}:root[data-visual-theme=pixel] .tutorial-visual-color--gold{background:var(--pixel-warning)}:root[data-visual-theme=pixel] .tutorial-visual-avatar{background:linear-gradient(90deg, transparent 0 12px, var(--color-surface-raised) 12px 30px, transparent 30px 100%), linear-gradient(180deg, transparent 0 8px, var(--color-surface-raised) 8px 20px, transparent 20px 100%), var(--pixel-highlight)}:root[data-visual-theme=pixel] .tutorial-visual-avatar--muted{background:linear-gradient(90deg, transparent 0 12px, var(--color-surface-raised) 12px 30px, transparent 30px 100%), linear-gradient(180deg, transparent 0 8px, var(--color-surface-raised) 8px 20px, transparent 20px 100%), var(--pixel-warning)}:root[data-visual-theme=pixel] .tutorial-visual-social-search:after{border:4px solid var(--pixel-line);width:14px;height:14px;box-shadow:8px 8px 0 -5px var(--pixel-line);border-radius:0}:root[data-visual-theme=pixel] .tutorial-visual-device{border-width:5px}:root[data-visual-theme=pixel] .tutorial-visual-sync-cloud span:first-child{height:34px}:root[data-visual-theme=pixel] .tutorial-visual-sync-cloud span:last-child{height:50px;top:4px}:root[data-visual-theme=pixel] .tutorial-doodle-flower:after,:root[data-visual-theme=pixel] .tutorial-doodle-flower i,:root[data-visual-theme=pixel] .tutorial-doodle-flower b,:root[data-visual-theme=pixel] .tutorial-doodle-heart,:root[data-visual-theme=pixel] .tutorial-doodle-heart:before,:root[data-visual-theme=pixel] .tutorial-doodle-heart:after,:root[data-visual-theme=pixel] .tutorial-doodle-sparkle:before,:root[data-visual-theme=pixel] .tutorial-doodle-sparkle:after{border-radius:0}:root[data-visual-theme=pixel] .tutorial-doodle-flower i,:root[data-visual-theme=pixel] .tutorial-doodle-sparkle:before,:root[data-visual-theme=pixel] .tutorial-doodle-sparkle:after{background:var(--pixel-warning)}:root[data-visual-theme=pixel] .tutorial-doodle-flower:after,:root[data-visual-theme=pixel] .tutorial-doodle-flower b{background:var(--pixel-highlight)}:root[data-visual-theme=pixel] .tutorial-doodle-heart,:root[data-visual-theme=pixel] .tutorial-doodle-heart:before,:root[data-visual-theme=pixel] .tutorial-doodle-heart:after{background:var(--pixel-pink)}:root[data-visual-theme=pixel] .settings-theme-card{border:3px solid var(--pixel-line);background:var(--color-surface);box-shadow:4px 4px 0 var(--pixel-shadow);border-radius:0}:root[data-visual-theme=pixel] .settings-theme-card:hover,:root[data-visual-theme=pixel] .settings-theme-card.active{background:var(--pixel-highlight);box-shadow:2px 2px 0 var(--pixel-shadow);transform:translate(2px,2px)}:root[data-visual-theme=pixel] .settings-theme-card__preview,:root[data-visual-theme=pixel] .settings-theme-card__swatches span{border-radius:0}:root[data-visual-theme=pixel] .settings-theme-card__state{color:var(--color-text-secondary)}:root[data-visual-theme=pixel] .settings-theme-card.active .settings-theme-card__state{color:var(--pixel-line)}@media (width<=900px){:root[data-visual-theme=pixel] .app-main{padding:18px 14px 28px 26px}:root[data-visual-theme=pixel] .app-header{padding:12px 14px}:root[data-visual-theme=pixel] .app-logo-text{font-size:10px}:root[data-visual-theme=pixel] .app-body{grid-template-columns:minmax(0,1fr)}:root[data-visual-theme=pixel] .side-panel{position:static}:root[data-visual-theme=pixel] .calendar-section,:root[data-visual-theme=pixel] .side-panel,:root[data-visual-theme=pixel] .todo-list,:root[data-visual-theme=pixel] .landing-inner{box-shadow:4px 4px 0 var(--pixel-shadow)}}