:root{--bg: #111317;--bg-elevated: #1a1d22;--surface: #202124;--surface-2: #2b2d31;--surface-3: #35383d;--text: #eef2f7;--muted: #a8b0bb;--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .2);--accent: #f6bf26;--accent-soft: rgba(246, 191, 38, .18);--danger: #ff8a80;--radius: 18px;--shadow: 0 18px 48px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--surface);accent-color:var(--accent)}input,textarea,select,button{font:inherit}button{color:inherit}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;background:#ffffff0a;color:var(--text);padding:10px 12px}input::placeholder,textarea::placeholder{color:#8f98a3}textarea{resize:vertical}label{display:grid;gap:6px;color:var(--muted);font-size:.93rem}.page{min-height:100dvh;background:var(--surface)}.app-shell{min-height:100dvh;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 160px),var(--surface)}.page-body{max-width:1240px;margin:0 auto;padding:20px 18px 80px}.topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.08);background:#202124f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-inner{max-width:1360px;margin:0 auto;padding:14px 20px;display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:16px;align-items:center}.topbar-leading,.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:40px;height:40px;border-radius:12px;background:#f6bf26;color:#241a00;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff47}.brand-mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand h1{margin:0;letter-spacing:-.03em;font-size:1.35rem;font-weight:600;white-space:nowrap}.topbar-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.search-shell{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 18px;border-radius:16px;background:#ffffff0a;border-color:#ffffff14;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff05}.search-shell input{border:0;background:transparent;padding:0;height:54px;border-radius:0;box-shadow:none}.search-shell input:focus{outline:none}.search-icon{color:#aeb6c1}.workspace-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.tool-button{border:1px solid var(--line);border-radius:12px;background:#ffffff0d;color:var(--text);padding:9px 13px;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.tool-button:hover{background:#ffffff14;border-color:var(--line-strong)}.tool-button:disabled{opacity:.55;cursor:not-allowed}.tool-button.primary{background:var(--accent);border-color:#f6bf26c7;color:#111317}.tool-button.primary:hover{background:#ffd95d}.tool-button.secondary{background:#ffffff14}.tool-button.danger{border-color:#ff8a8059;color:var(--danger)}.tool-button.small{padding:6px 9px;font-size:.84rem}.view-mode-toggle{display:inline-flex;align-items:center}.topbar-icon-button,.view-mode-toggle{width:42px;height:42px;padding:0;justify-content:center;border-radius:999px;background:transparent;border-color:transparent}.topbar-icon-button[aria-pressed=true],.view-mode-toggle[aria-pressed=true]{background:#ffffff17;border-color:#ffffff14}.topbar-icon,.view-mode-toggle-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.topbar-icon svg,.view-mode-toggle-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool-button.tiny{padding:5px 8px;font-size:.78rem}.file-trigger{position:relative;overflow:hidden}.auth-mode{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);background:#202124f0;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.auth-card h1{margin:0}.auth-form{display:grid;gap:12px;margin-top:12px}.helper{color:var(--muted);font-size:.88rem}.label-filters{background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:14px 16px;margin-bottom:18px;box-shadow:inset 0 1px #ffffff05}.label-filter-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.label-filter-title{margin:0;color:#dbe1e8;font-size:.92rem;font-weight:600}.label-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.label-chip{border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0f;color:var(--text);padding:6px 10px;font-size:.82rem}.label-chip.active{background:var(--accent-soft);border-color:#f6bf2659;color:#ffe596}.label-chip.passive{background:#ffffff0a;color:#d8dee6}.composer{width:min(100%,680px);margin:0 auto 22px}.composer-form{margin:0}.composer.collapsed{background:#202124eb;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 12px 28px #0000003d}.composer.expanded{margin-bottom:26px}.composer-collapsed-shell{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:60px;padding:8px 10px 8px 18px}.composer-collapsed-main{border:0;background:transparent;padding:10px 0;text-align:left;cursor:pointer;color:#d6dbe3;font-size:.98rem}.composer-collapsed-placeholder{display:inline-block;letter-spacing:-.01em}.composer-collapsed-actions{display:flex;align-items:center;gap:4px}.composer-surface,.note-card{--note-tint: #202124;--note-line: rgba(255, 255, 255, .08);background:var(--note-tint);border:1px solid var(--note-line);color:var(--text)}.composer-surface.color-default,.note-card.color-default{--note-tint: #202124;--note-line: rgba(255, 255, 255, .08)}.composer-surface.color-red,.note-card.color-red{--note-tint: #5b2b29;--note-line: rgba(255, 173, 163, .24)}.composer-surface.color-orange,.note-card.color-orange{--note-tint: #614431;--note-line: rgba(255, 198, 133, .26)}.composer-surface.color-yellow,.note-card.color-yellow{--note-tint: #635d19;--note-line: rgba(255, 236, 153, .24)}.composer-surface.color-green,.note-card.color-green{--note-tint: #34503b;--note-line: rgba(170, 219, 181, .24)}.composer-surface.color-teal,.note-card.color-teal{--note-tint: #16504c;--note-line: rgba(143, 228, 223, .24)}.composer-surface.color-blue,.note-card.color-blue{--note-tint: #274255;--note-line: rgba(159, 208, 255, .24)}.composer-surface.color-purple,.note-card.color-purple{--note-tint: #4b3b67;--note-line: rgba(213, 188, 255, .24)}.composer-surface.color-gray,.note-card.color-gray{--note-tint: #3c3f43;--note-line: rgba(255, 255, 255, .14)}.composer-surface{border-radius:18px;box-shadow:var(--shadow);padding:14px 16px 12px;transition:box-shadow .16s ease,border-color .16s ease}.composer-surface:focus-within{border-color:#f6bf2642;box-shadow:0 24px 42px #0000005c}.composer-surface-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.composer-head-spacer{flex:1}.composer-pin-button,.note-pin-button,.composer-icon-button,.note-action-button,.note-drag-handle{width:36px;height:36px;border:0;border-radius:999px;background:transparent;color:#c2c8d0;display:inline-flex;align-items:center;justify-content:center;transition:background-color .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.composer-pin-button,.note-pin-button,.composer-icon-button,.note-action-button{cursor:pointer}.composer-pin-button:hover,.note-pin-button:hover,.composer-icon-button:hover,.note-action-button:hover{background:#ffffff17;color:#fff}.composer-pin-button.active,.note-pin-button.active{background:#f6bf2624;color:#ffd95d}.composer-pin-button svg,.note-pin-button svg,.composer-icon-button svg,.note-action-button svg,.note-drag-handle svg,.note-completed-chevron svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.composer-primary{display:grid;gap:10px}.composer-title-input,.composer-body-input{border:0;background:transparent;padding:0;border-radius:0;color:var(--text)}.composer-title-input{font-size:1.16rem;font-weight:600}.composer-body-input{min-height:118px;line-height:1.6}.composer-title-input:focus,.composer-body-input:focus{outline:none}.composer-meta-panels{display:grid;gap:10px;padding-top:12px}.composer-color-palette{display:flex;flex-wrap:wrap;gap:8px}.composer-color-swatch{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:var(--swatch);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff2e}.composer-color-swatch.active{border-color:#f6bf26ad;box-shadow:inset 0 0 0 1px #ffffff38,0 0 0 2px #f6bf262e}.composer-label-field{display:grid;gap:6px}.composer-label-field span{font-size:.84rem;color:var(--muted)}.checklist-editor{display:grid;gap:12px}.checklist-create-row{display:grid;grid-template-columns:1fr auto;gap:8px}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}.checklist-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:#e9edf2}.checklist-item input[type=checkbox]{width:18px;height:18px;margin:0}.checklist.draft .checklist-item>input:not([type=checkbox]){background:#ffffff0a}.checklist .done{text-decoration:line-through;color:#b4bbc4}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.attachment-card{background:#00000029;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:8px;display:grid;gap:8px}.attachment-card.deleted{opacity:.45}.attachment-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.composer-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.08);margin-top:14px;padding-top:12px;flex-wrap:wrap}.composer-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.composer-icon-button.active{background:#f6bf2624;color:#ffe082}.composer-color-indicator{display:inline-flex;align-items:center;gap:8px;margin-left:6px;color:var(--muted);font-size:.84rem}.composer-color-dot{width:12px;height:12px;border-radius:999px;background:var(--swatch);border:1px solid rgba(255,255,255,.18)}.composer-footer-actions{display:flex;align-items:center;gap:8px}.board-section{margin-top:20px}.board-section h2{margin:0 0 12px;font-size:.84rem;font-weight:700;letter-spacing:.12em;color:#9ba4af;text-transform:uppercase}.notes-board{display:grid;gap:14px;align-items:start}.notes-board[data-view-mode=grid]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.notes-board[data-view-mode=list]{grid-template-columns:minmax(0,1fr);max-width:860px}.note-card{position:relative;border-radius:18px;padding:14px 14px 12px;display:grid;gap:12px;touch-action:pan-y;box-shadow:0 14px 36px #0000002e;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,opacity .16s ease}.note-card:hover,.note-card:focus-within,.note-card.actions-open{transform:translateY(-2px);box-shadow:0 22px 36px #0000003d;border-color:#ffffff29}.note-card.dragging-source{opacity:.72;z-index:3;box-shadow:0 20px 40px #00000047}.note-card.dragging-source .note-drag-handle{color:#ffd95d}.note-card.sorting-active{transition-duration:.14s}.note-card:not(.sortable-disabled){cursor:grab}.note-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.note-header h3{margin:0;min-height:1.35em;font-size:1.04rem;font-weight:600;line-height:1.35;color:#f5f7fb}.note-body{margin:0;color:#edf0f4;white-space:pre-wrap;line-height:1.58}.completed-block{border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.note-completed-toggle{border:0;background:transparent;color:#c9d0d8;padding:0;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.note-completed-chevron{color:var(--muted);transition:transform .16s ease}.note-completed-chevron.open{transform:rotate(180deg)}.note-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.note-images a{display:block}.note-images img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.notes-board[data-view-mode=list] .note-images{grid-template-columns:1fr}.notes-board[data-view-mode=list] .note-images img{aspect-ratio:auto;max-height:420px}.note-footer{display:grid;gap:6px}.note-actions{display:flex;align-items:center;gap:4px;opacity:0;max-height:0;overflow:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,max-height .16s ease}.note-card:hover .note-actions,.note-card:focus-within .note-actions,.note-card.actions-open .note-actions{opacity:1;max-height:42px;pointer-events:auto;transform:translateY(0)}.note-drag-handle{color:#8d96a1;cursor:grab}.note-card.dragging-source,.note-card.dragging-source *{cursor:grabbing}.note-drag-handle.disabled{opacity:.42;cursor:not-allowed}.note-action-button.danger{color:#ffb0a8}.note-meta{font-size:.76rem;color:var(--muted)}.global-status,.empty-state{color:var(--muted)}.empty-state{margin-top:18px}.toast-container{position:fixed;right:16px;bottom:16px;display:grid;gap:8px;z-index:100}.toast{background:#2f3338;color:#fff;border-radius:12px;padding:10px 12px;min-width:220px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000047}.toast.success{background:#285640}.toast.error{background:#6d3131}@media(max-width:720px){.page-body{padding:14px 12px 70px}.topbar-inner{grid-template-columns:1fr;gap:12px;padding:12px}.topbar-leading,.topbar-actions,.workspace-strip{justify-content:space-between}.topbar-actions{flex-wrap:wrap}.search-shell input{height:48px}.composer{width:100%}.composer-collapsed-shell{padding-inline:14px 10px}.composer-surface{padding-inline:14px}.composer-footer-actions{width:100%;justify-content:flex-end}.notes-board{grid-template-columns:1fr;max-width:none}}