@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.css";
:root{--color-bg:#f6f7f9;--color-surface:#fff;--color-surface-hover:#f2f4f6;--color-text-primary:#1a1a2e;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-border:#0000000f;--timetable-sleep-bg:#e2e6ec;--timetable-sleep-stripe:#64748b4d;--timetable-sleep-border:#64748b42;--color-task:#1993ff;--color-task-bg:#1993ff1a;--color-event:#e8452a;--color-event-bg:#e8452a1a;--color-subtask:#3b82f6;--color-subtask-bg:#3b82f61a;--color-2min:#34d399;--color-2min-bg:#34d3991a;--color-routine:#f5971d;--color-routine-bg:#f5971d1a;--color-project:#ff5a92;--color-project-bg:#ff5a921a;--color-goal:#f9495b;--color-goal-bg:#f9495b1a;--color-field:#c169ff;--color-field-bg:#c169ff1a;--color-note:#ffb900;--color-note-bg:#ffb9001a;--color-weekly:#6366f1;--color-weekly-bg:#6366f11a;--color-progress-track:#00000014;--color-accent:#1993ff;--color-accent-hover:#0d7ee6;--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#ff7a30;--color-status-draft:#d97706;--color-status-draft-bg:#f59e0b24;--color-status-active:#3b82f6;--color-status-active-bg:#3b82f624;--color-status-done:#16a34a;--color-status-done-bg:#22c55e24;--color-energy-low:#e0a063;--color-energy-normal:#cbb25e;--color-energy-focus:#7ba0cc;--color-energy-peak:#a98bc9;--color-quest-daily:#b89236;--color-quest-weekly:#be6634;--nav-height:84px;--topbar-height:52px;--side-panel-width:320px;--fab-size:52px;--sidebar-width:200px;--active-sidebar-width:var(--sidebar-width);--border-radius:16px;--border-radius-sm:10px;--border-radius-lg:24px;--border-radius-full:9999px;--spacing-2xs:2px;--spacing-xs:4px;--spacing-tile:6px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:48px;--color-toggle-knob:#fff;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-fab:0 4px 16px #135bec4d;--font-2xs:10px;--font-xs:11px;--font-sm:12px;--font-caption:13px;--font-base:14px;--font-lg:15px;--font-xl:18px;--font-2xl:22px;--font-3xl:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--attendance-today-bg:#fff;--attendance-today-border:#c0c5cc;--attendance-today-checked-bg:linear-gradient(160deg,#fff 60%,#e0e0e0);--attendance-today-check-color:#000;--attendance-hatch-color:#c0c5cc}[data-theme=dark]{--attendance-today-bg:var(--color-surface);--attendance-today-border:var(--color-border);--attendance-today-checked-bg:linear-gradient(135deg,#17171c,#2a2a35);--attendance-today-check-color:#fff;--attendance-hatch-color:var(--color-border);--color-bg:#101013;--color-surface:#17171c;--color-surface-hover:#1c1c24;--color-text-primary:#f0f0f5;--color-text-secondary:#9ca3af;--color-text-tertiary:#6b7280;--color-border:#ffffff14;--timetable-sleep-bg:#2a3040;--timetable-sleep-stripe:#94a3b84d;--timetable-sleep-border:#94a3b842;--color-task-bg:#1993ff26;--color-event-bg:#e8452a26;--color-subtask-bg:#3b82f626;--color-2min-bg:#34d39926;--color-routine-bg:#f5971d26;--color-project-bg:#ff5a9226;--color-goal-bg:#f9495b26;--color-field-bg:#c169ff26;--color-note-bg:#ffb90026;--color-weekly-bg:#6366f126;--color-progress-track:#ffffff14;--color-quest-daily:#d6bb68;--color-quest-weekly:#d4895a;--color-status-draft:#fbbf24;--color-status-draft-bg:#f59e0b2e;--color-status-active:#60a5fa;--color-status-active-bg:#3b82f633;--color-status-done:#4ade80;--color-status-done-bg:#22c55e2e;--color-toggle-knob:#cbd5e1;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-fab:0 4px 16px #135bec66}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.is-resizing *,.is-resizing :before,.is-resizing :after{transition:none!important}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:var(--color-surface);overscroll-behavior-y:none;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}html[data-theme=dark],html[data-page-bg=canvas]{background-color:var(--color-bg)}body{color:var(--color-text-primary);min-height:100dvh;transition:color var(--transition-normal);background-color:#0000;overflow-x:hidden}#boot-splash{background:var(--color-surface);z-index:99999;opacity:1;pointer-events:auto;place-items:center;transition:opacity .18s;display:grid;position:fixed;inset:0}[data-theme=dark] #boot-splash{background:var(--color-bg)}#boot-splash img{width:96px;height:96px;transform:translateY(calc((env(safe-area-inset-top) - env(safe-area-inset-bottom))/2 - 56px));display:block}@media (min-width:768px){#boot-splash img{width:72px;height:72px;transform:translateY(-50px)}}body[data-app-ready=true] #boot-splash{opacity:0;pointer-events:none}@keyframes axis-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tiptap-editor{min-height:100%;color:var(--color-text-primary);outline:none;padding:12px;font-size:14px;line-height:1.7}.tiptap-editor h1{margin:1em 0 .4em;font-size:1.5rem;font-weight:700;line-height:1.3}.tiptap-editor h2{margin:.9em 0 .35em;font-size:1.2rem;font-weight:700;line-height:1.3}.tiptap-editor p{margin:0 0 .5em}.tiptap-editor ul{margin:.3em 0 .5em;padding-left:1.5em;list-style-type:disc}.tiptap-editor ol{margin:.3em 0 .5em;padding-left:1.5em;list-style-type:decimal}.tiptap-editor li{margin:.15em 0;display:list-item}.tiptap-editor pre{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:8px;margin:.5em 0;padding:10px 14px;font-family:Fira Mono,Consolas,monospace;font-size:13px;overflow-x:auto}.tiptap-editor pre code{font-size:inherit;color:var(--color-text-primary);background:0 0;padding:0}.tiptap-editor code{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px;font-family:Fira Mono,Consolas,monospace;font-size:.88em}.tiptap-editor blockquote{border-left:3px solid var(--color-accent);color:var(--color-text-secondary);margin:.5em 0;padding-left:1em}.tiptap-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--color-text-tertiary);float:left;pointer-events:none;height:0}.tiptap-editor div[data-youtube-video]{justify-content:flex-start;margin:.75em 0;display:flex}.tiptap-editor div[data-youtube-video] iframe{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:8px;width:100%;max-width:560px}.tiptap-editor div[data-youtube-video].ProseMirror-selectednode{outline:2px solid var(--color-accent);border-radius:8px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}::placeholder{color:var(--color-text-tertiary);opacity:1}option{background-color:var(--color-surface);color:var(--color-text-primary)}input[type=time]{color:var(--color-text-primary);background-color:var(--color-surface-hover);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark] input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=time]::-webkit-calendar-picker-indicator{opacity:.75;cursor:pointer}[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:invert()brightness(.9)}[data-theme=light] input[type=time]::-webkit-calendar-picker-indicator{filter:invert(0)}input[type=date]::-webkit-calendar-picker-indicator{opacity:.85;cursor:pointer}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.6)}input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none!important}ul,ol{list-style:none}::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width:none;-ms-overflow-style:none}.app-shell{max-width:480px;min-height:100dvh;padding-top:max(0px,calc(env(safe-area-inset-top,0px) - 12px));padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 8px);margin:0 auto;position:relative}@media (min-width:768px){.app-shell{max-width:100%;padding-bottom:0;padding-top:var(--topbar-height);flex-direction:column;margin:0;display:flex;position:relative}}.page-container{flex:1;padding:24px 20px}@media (min-width:768px){.page-container{flex:1;width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:24px 40px 40px}}.page-header-desktop{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.seg-control{border-radius:var(--border-radius-full);background:#e6eaed;align-items:center;gap:2px;padding:3px;display:inline-flex}.seg-item{border-radius:var(--border-radius-full);font-size:var(--font-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);white-space:nowrap;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;padding:6px 14px}.seg-item:hover{color:var(--color-text-secondary)}.seg-item.active{background:var(--color-surface);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);box-shadow:0 1px 3px #0000001f}[data-theme=dark] .seg-control{background:#26262e}[data-theme=dark] .seg-item.active{color:#e7e7e9;background:#3a3a43}.page-header-desktop .page-title{letter-spacing:-.2px;padding-left:8px;font-size:24px;font-weight:700}.page-header-right{color:var(--color-text-secondary);align-items:center;gap:16px;font-size:14px;display:flex}.dashboard-grid{flex-direction:column;gap:20px;display:flex}.dashboard-grid.today-grid{gap:10px}@media (min-width:768px){.dashboard-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.dashboard-grid.today-grid{grid-template-columns:1fr 1fr auto;justify-content:flex-start;gap:10px}}@media (min-width:1200px){.dashboard-grid.today-grid{grid-template-columns:1fr 1fr auto;justify-content:flex-start;gap:10px}.dashboard-grid.weekly-grid{grid-template-columns:350px 1fr;column-gap:10px}}.dashboard-full{grid-column:1/-1}.top-tabs{border-bottom:1px solid var(--color-border);-webkit-overflow-scrolling:touch;scrollbar-width:none;background:0 0;border-radius:0;gap:0;margin-bottom:12px;padding:0;display:flex;overflow-x:auto}.top-tabs::-webkit-scrollbar{display:none}.page-top-tabs{margin-bottom:24px}@media (min-width:768px){.top-tabs{gap:0;margin-bottom:12px;padding:0}}.top-tab{color:#6a7583;transition:color var(--transition-fast);text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:0;flex:none;align-items:center;padding:8px 16px;font-size:15px;font-weight:600;display:inline-flex;position:relative}@media (min-width:768px){.top-tab{padding:8px 20px;font-size:15px}}.top-tabs-compact .top-tab{padding-left:16px;padding-right:16px}.top-tabs-compact .top-tab.active:after{left:16px;right:14px}@media (max-width:767px){.top-tabs-compact .top-tab{padding-left:10px;padding-right:10px}.top-tabs-compact .top-tab.active:after{left:10px;right:8px}}.top-tab.active{color:#111;background:0 0;font-weight:600}.top-tab.active:after{content:"";background:currentColor;border-radius:1px 1px 0 0;height:3px;position:absolute;bottom:-1px;left:16px;right:14px}@media (min-width:768px){.top-tab.active:after{left:20px;right:18px}}[data-theme=dark] .top-tab{color:#9c9ca2}[data-theme=dark] .top-tab.active{color:#fff}[data-theme=dark] .top-tab.active:after{background:currentColor}.top-tab:hover:not(.active){color:#333d4b}[data-theme=dark] .top-tab:hover:not(.active){color:#e2e2e3}.filter-chip{color:#6a7583;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:9999px;padding:6px 14px;font-size:13px;font-weight:500}[data-theme=dark] .filter-chip{color:#9c9ca2}.filter-chip:hover:not(.active){background:var(--color-surface-hover);color:var(--color-text-primary)}.filter-chip.active{color:var(--color-text-primary);background:#fff;box-shadow:0 1px 4px #0000001a}[data-theme=dark] .filter-chip.active{color:var(--color-text-primary);box-shadow:none;background:#2c2c35}.card{background:var(--color-surface);border-radius:var(--border-radius);transition:all var(--transition-fast);padding:16px}.card:hover{background:var(--color-surface-hover)}.card-title{margin-bottom:4px;font-size:15px;font-weight:600}.card-subtitle{color:var(--color-text-secondary);font-size:13px}.section-header{justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 8px;display:flex}.section-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:0;font-size:14px;font-weight:600}.checkbox{border:2px solid var(--color-border);cursor:pointer;width:22px;height:22px;transition:all var(--transition-fast);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox:hover{border-color:var(--color-accent)}.checkbox.checked{background:var(--color-accent);border-color:var(--color-accent)}.checkbox.checked svg{color:#fff}.progress-bar{background:var(--color-surface-hover);border-radius:var(--border-radius-full);width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:var(--border-radius-full);height:100%;transition:width var(--transition-slow)}.badge{border-radius:var(--border-radius-full);white-space:nowrap;padding:3px 8px;font-size:11px;font-weight:600}.empty-state{color:var(--color-text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state-icon{opacity:.4;width:48px;height:48px;margin-bottom:16px}.empty-state-text{font-size:14px;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.animate-fade-in{animation:fadeIn var(--transition-slow)ease-out}.animate-scale-in{animation:scaleIn var(--transition-slow)ease-out}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:overlayFadeIn var(--transition-fast)ease-out;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-overlay.closing{animation:.18s ease-in forwards overlayFadeOut}.modal-content{background:var(--color-surface);border-radius:var(--border-radius-lg)var(--border-radius-lg)0 0;width:100%;max-width:480px;max-height:80vh;animation:slideUp var(--transition-slow)ease-out;padding:24px;overflow-y:auto}.modal-content.closing{animation:slideDown var(--transition-normal)ease-in forwards}@media (min-width:768px){.modal-overlay{align-items:center}.modal-content{border-radius:var(--border-radius-lg);max-width:520px}}.rainbow-star{background:linear-gradient(90deg,red,#f70,#ff0,#0c0,#09f,#60f,#c0f,red) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;margin-left:4px;font-size:.75em;line-height:1;animation:3s linear infinite rainbow-shift;display:inline}@keyframes rainbow-shift{0%{background-position:0%}to{background-position:200%}}