@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-flat:#f4f2ea;--bg-start:#fffdf8;--bg-mid:#efe9dc;--bg-end:#ddd5c3;--text:#1f2625;--muted:#5d6664;--surface:#ffffffd6;--surface-strong:#fffef9;--line:#d4c8b5;--line-strong:#bbaa90;--accent:#0f7b68;--accent-soft:#e7f4ef;--accent-text:#0a5e50;--danger:#a43333;--shadow-soft:0 12px 28px #2c271a1a;--shadow-raise:0 16px 34px #1b292424;--radius-card:18px;--radius-sm:12px;--button-radius:8px;--button-primary-bg:#314b45;--button-primary-border:#223630;--button-primary-text:#f5f1e8;--button-secondary-bg:#ece6db;--button-secondary-bg-soft:#f2ede3;--button-secondary-border:#8f8577;--button-secondary-text:#2d332e;--button-accent-line:#b3872f;--button-danger-bg:#f0e8dd;--button-danger-border:#a45d50;--button-danger-text:#8f3d33;--button-focus-ring:#c6a158;--chip-bg:#e7e0d3;--chip-border:#9a8f81;--chip-text:#39403b;--chip-active-bg:#314b45;--chip-active-border:#223630;--chip-active-text:#f5f1e8;--font-body:"Pretendard Variable","Pretendard","SUIT Variable","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-display:"MaruBuri","Nanum Myeongjo","Source Han Serif K",serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:linear-gradient(160deg,var(--bg-start)0%,var(--bg-mid)54%,var(--bg-end)100%);background-color:var(--bg-flat);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.52;position:relative;overflow-x:hidden}body:before,body:after{content:"";z-index:0;pointer-events:none;border-radius:999px;position:fixed}body:before{background:radial-gradient(circle,#ebc48547 0%,#ebc48500 68%);width:45vw;min-width:210px;height:45vw;min-height:210px;top:-18vw;left:-14vw}body:after{background:radial-gradient(circle,#4faa9133 0%,#4faa9100 68%);width:52vw;min-width:260px;height:52vw;min-height:260px;bottom:-22vw;right:-18vw}main{z-index:1;min-height:100vh;padding:.9rem .85rem calc(1.2rem + env(safe-area-inset-bottom));position:relative}.container{gap:.75rem;width:min(1160px,100%);margin:0 auto;display:grid}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:.48s cubic-bezier(.2,.8,.28,1) both panel-in;position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(90deg,#0f7b683d 0%,#0f7b688a 45%,#ebc48561 100%);height:4px;position:absolute;top:0;left:0;right:0}.workspace>.panel:nth-child(2){animation-delay:80ms}.card{padding:1rem}.panel{gap:.75rem;padding:.95rem;display:grid}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}.title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,4.9vw,2rem);line-height:1.2}.muted{color:var(--muted);margin:0;font-size:.9rem}a{color:var(--accent-text);text-underline-offset:.15em;text-decoration-thickness:.1em}a:hover{color:var(--accent)}.auth-entry{gap:.55rem;display:grid}.auth-entry .button-secondary{text-decoration:none;display:inline-flex}.install-guide-card{border:1px solid color-mix(in srgb,var(--button-secondary-border)78%,white 22%);background:linear-gradient(#f6f0e6 0%,#ece4d7 100%);border-radius:16px;align-items:center;gap:.7rem;padding:.6rem .7rem;display:flex}.install-cta{width:100%}.install-cta-compact{border:1px solid color-mix(in srgb,var(--button-secondary-border)78%,white 22%);background:#f2ede3eb;border-radius:14px;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex}.install-guide-icon{border-radius:16px;flex:none;width:56px;height:56px;box-shadow:0 8px 14px #3a332929}.install-guide-copy{gap:.16rem;min-width:0;display:grid}.install-guide-title{letter-spacing:-.01em;color:color-mix(in srgb,var(--text)92%,#131815 8%);margin:0;font-size:.93rem;font-weight:700}.auth-header{gap:.75rem;display:grid}.workspace-header{gap:.9rem}.auth-brand{min-width:0;color:inherit;align-items:center;gap:.8rem;text-decoration:none;display:flex}.auth-brand-logo{border-radius:16px;flex:none;width:52px;height:52px;box-shadow:0 10px 18px #3a332929}.auth-brand:focus-visible{outline:3px solid color-mix(in srgb,var(--button-focus-ring)76%,white 24%);outline-offset:4px;border-radius:18px}.logout-control{align-items:center;gap:.55rem;display:inline-flex}.workspace-header-actions{gap:.65rem;display:grid}.workspace-nav,.page-subnav{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.button-secondary{border:1px solid var(--button-secondary-border);background:var(--button-secondary-bg);color:var(--button-secondary-text);border-radius:var(--button-radius);letter-spacing:-.01em;cursor:pointer;justify-content:center;align-items:center;min-height:42px;padding:.5rem .78rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .12s,background-color .16s,border-color .16s,box-shadow .16s,color .16s;display:inline-flex;box-shadow:inset 0 1px #ffffff5c,inset 0 -2px #4941351f}.button-secondary.primary{border-color:var(--button-primary-border);background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:inset 0 1px 0 #ffffff14,inset 0 -3px 0 var(--button-accent-line)}.button-secondary.primary:hover{border-color:color-mix(in srgb,var(--button-primary-border)88%,white 12%);background:#36514a}.button-secondary.ghost{border-color:var(--button-secondary-border);background:var(--button-secondary-bg-soft)}.button-secondary:hover{border-color:color-mix(in srgb,var(--button-secondary-border)82%,#5e564b 18%);background:#f2ece1;box-shadow:inset 0 1px #ffffff6b,inset 0 -2px #49413529}.button-secondary:active{transform:translateY(1px);box-shadow:inset 0 1px #4941351f,inset 0 -1px #4941351f}.button-secondary:disabled{opacity:.64;cursor:default;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #49413514}.button-secondary.danger{border-color:var(--button-danger-border);color:var(--button-danger-text);background:var(--button-danger-bg);box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #8f3d3329}.button-secondary:focus-visible,.tag-chip:focus-visible,.note-card:focus-visible,.note-card-body:focus-visible,.text-input:focus-visible,.editor-textarea:focus-visible,.media-button:focus-visible,.lightbox-backdrop:focus-visible,a:focus-visible,input[type=file]:focus-visible{outline:3px solid color-mix(in srgb,var(--button-focus-ring)78%,white 22%);outline-offset:2px}.workspace{grid-template-columns:1fr;align-items:start;gap:.75rem;display:grid}.workspace-notes{grid-template-columns:1fr}.composer-panel{gap:.8rem}.sticky-toolbar{top:max(.3rem,env(safe-area-inset-top));z-index:4;border:1px solid color-mix(in srgb,var(--button-secondary-border)68%,white 32%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffcf6d6;border-radius:14px;padding:.6rem;position:sticky}.section-title{letter-spacing:-.01em;font-size:.98rem}.feed-panel{align-content:start;gap:.7rem;min-height:0;display:grid}.detail-panel{align-content:start;gap:.75rem;min-height:0;display:grid}.composer-toolbar,.feed-toolbar,.detail-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem;display:flex}.note-selection-toolbar{border:1px dashed color-mix(in srgb,var(--line)72%,white 28%);background:#ffffff73;border-radius:12px;padding:.48rem .56rem}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.sync-status-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:inline-flex}.segmented-control{border:1px solid var(--button-secondary-border);background:#ece6dbeb;border-radius:10px;gap:.2rem;padding:.2rem}.button-secondary.segment{min-height:34px;box-shadow:none;color:var(--button-secondary-text);background:0 0;border-color:#0000;border-radius:6px;padding-inline:.7rem}.button-secondary.segment.active{border-color:var(--button-primary-border);background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:inset 0 -3px 0 var(--button-accent-line)}.nav-link.active,.nav-link.active:hover,.nav-link.active:active{border-color:var(--button-primary-border);background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:inset 0 -3px 0 var(--button-accent-line);transform:none}.nav-link.active{cursor:default;pointer-events:none}.field-row{gap:.45rem;display:grid}.text-input{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;min-height:44px;font-size:.95rem;font-family:var(--font-body);color:var(--text);background:#fff;padding:.6rem .7rem;transition:border-color .16s,box-shadow .16s}.text-input:focus{border-color:color-mix(in srgb,var(--button-accent-line)72%,#6d5f49 28%);outline:none;box-shadow:0 0 0 4px #c6a1582e}.editor-textarea{border:1px solid var(--line);width:100%;min-height:42vh;font-size:1rem;font-family:var(--font-body);letter-spacing:-.005em;resize:vertical;color:var(--text);background:#fff;border-radius:14px;padding:.82rem;font-weight:450;line-height:1.62;transition:border-color .16s,box-shadow .16s}.editor-textarea:focus{border-color:color-mix(in srgb,var(--button-accent-line)72%,#6d5f49 28%);outline:none;box-shadow:0 0 0 4px #c6a15829}.pin-toggle{color:var(--muted);align-items:center;gap:.45rem;font-size:.9rem;display:inline-flex}.pin-toggle input[type=checkbox]{width:1.2rem;height:1.2rem}.suggestions,.tag-filter-row,.note-card-tags{flex-wrap:wrap;align-content:center;align-items:center;gap:.42rem;display:flex}.tag-filter-row{align-self:start}.tag-chip{appearance:none;border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-text);letter-spacing:-.01em;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:26px;padding:0 .58rem;font-family:inherit;font-size:.76rem;font-weight:700;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff57,inset 0 -1px #4941351a}.tag-chip.active{border-color:var(--chip-active-border);background:var(--chip-active-bg);color:var(--chip-active-text);box-shadow:inset 0 -2px 0 var(--button-accent-line)}.tag-chip.small{min-height:22px;padding:0 .42rem;font-size:.7rem}.note-list{max-height:52vh;padding-right:.1rem;padding-bottom:calc(5.4rem + env(safe-area-inset-bottom));scroll-padding-bottom:calc(5.4rem + env(safe-area-inset-bottom));gap:.55rem;display:grid;overflow:auto}.virtual-note-list{position:relative}.note-card{text-align:left;border:1px solid var(--line);background:var(--surface-strong);cursor:pointer;content-visibility:auto;contain-intrinsic-size:152px;border-radius:14px;gap:.52rem;width:100%;min-height:152px;padding:.74rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.note-card.selected{border-color:var(--button-primary-border);box-shadow:inset 0 -3px 0 var(--button-accent-line)}.note-card-header{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.note-card-meta{align-items:center;gap:.52rem;display:flex}.note-card-check{color:var(--muted);align-items:center;gap:.25rem;font-size:.74rem;display:inline-flex}.note-card-check input[type=checkbox]{width:1rem;height:1rem;margin:0}.note-card-body{text-align:left;width:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;gap:.52rem;padding:0;display:grid}.note-card p{white-space:pre-wrap;word-break:break-word;max-height:4.8em;margin:0;overflow:hidden}.empty-state{border:1px dashed var(--line);background:#fff;border-radius:12px;gap:.45rem;padding:.75rem;display:grid}.detail-stack{gap:.7rem;display:grid}.detail-meta-row{flex-wrap:wrap;align-items:center;gap:.42rem;display:flex}.detail-body{border:1px solid var(--line);background:linear-gradient(#fffefb 0%,#fbf8f0 100%);border-radius:14px;min-height:34vh;padding:.82rem}.detail-body p{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.66}.detail-empty{border:1px dashed var(--line);background:#fff;border-radius:14px;align-content:start;gap:.55rem;padding:.9rem;display:grid}.upload-box{border:1px dashed var(--line);background:linear-gradient(#fffef9 0%,#f9f5ec 100%);border-radius:14px;gap:.4rem;padding:.65rem;display:grid}.upload-task-list{gap:.4rem;display:grid}.upload-task-item{justify-content:space-between;align-items:center;gap:.42rem;display:flex}.upload-task-actions{gap:.4rem;display:flex}.media-button{cursor:zoom-in;background:0 0;border:0;min-height:36px;padding:0}.lightbox-backdrop{cursor:zoom-out}.report-box,.organize-box,.export-box{border:1px solid var(--line);background:linear-gradient(#fffdf8 0%,#f8f4eb 100%);border-radius:14px;gap:.5rem;padding:.68rem;display:grid}.report-grid{grid-template-columns:1fr;gap:.5rem;display:grid}.report-card{border:1px solid var(--line);background:#fff;border-radius:12px;gap:.36rem;padding:.62rem;display:grid}.admin-section-stack{gap:.6rem;display:grid}.admin-index-grid{grid-template-columns:1fr;gap:.7rem;display:grid}.admin-link-card{border:1px solid var(--line);color:inherit;background:linear-gradient(#fffef9 0%,#f7f2e8 100%);border-radius:14px;gap:.38rem;padding:.78rem;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.admin-link-card strong{color:var(--text)}.settings-layout{gap:.85rem;display:grid}.settings-status-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.55rem;display:grid}.settings-subsection{gap:.65rem;padding-top:.2rem;display:grid}.settings-day-grid{flex-wrap:wrap;gap:.35rem;display:flex}.settings-time-row{align-items:center;gap:.45rem;display:inline-flex}.settings-time-row .text-input{width:90px}.sync-chip.offline{color:#6b5534;background:#eadfcf;border-color:#a79678;box-shadow:inset 0 -1px #856f4b24}.sync-chip.syncing{color:#4a535a;background:#e2e1dc;border-color:#8f908b;box-shadow:inset 0 -1px #4941351a}.sync-chip.synced{color:#3f4a42;background:#dce2da;border-color:#879184;box-shadow:inset 0 -1px #4941351a}.lightbox{z-index:40;position:fixed;inset:0}.bottom-actionbar-spacer{height:calc(5.9rem + env(safe-area-inset-bottom))}.bottom-actionbar{left:.7rem;right:.7rem;bottom:max(.65rem,env(safe-area-inset-bottom));z-index:30;border:1px solid color-mix(in srgb,var(--button-secondary-border)72%,white 28%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf6eb;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.55rem;display:grid;position:fixed;box-shadow:0 12px 24px #1e272329}.lightbox-backdrop{background:#080b0c94;border:0;position:absolute;inset:0}.lightbox-content{z-index:2;width:min(94vw,940px);box-shadow:var(--shadow-raise);background:#fff;border-radius:16px;gap:.7rem;margin:4.5vh auto;padding:.9rem;display:grid;position:relative}.lightbox-content img{object-fit:contain;background:#f1f1f1;border-radius:10px;width:100%;max-height:76vh}.media-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.55rem;display:grid}.media-item{border:1px solid var(--line);background:#fff;border-radius:12px;gap:.34rem;padding:.42rem;display:grid}.media-item img{object-fit:cover;background:#f2f2f2;border-radius:8px;width:100%;height:92px}@media (max-width:759px){.card,.panel,.sticky-toolbar{-webkit-backdrop-filter:none;backdrop-filter:none}.card,.panel{animation:none}.lightbox{overscroll-behavior:contain;background:#0b0f11}.lightbox-backdrop{background:#080b0ce6}.lightbox-content{width:100vw;min-height:100vh;padding:calc(.85rem + env(safe-area-inset-top)).72rem calc(.85rem + env(safe-area-inset-bottom));box-shadow:none;background:#0b0f11f5;border-radius:0;align-content:center;margin:0}.lightbox-content img{background:0 0;max-height:68vh}}.error-text{color:var(--danger);margin:0;font-size:.9rem}@media (hover:hover) and (pointer:fine){.note-card:hover{border-color:var(--button-secondary-border);transform:translateY(-1px);box-shadow:0 8px 16px #3a33291a}.button-secondary.ghost:hover{background:#f5f0e6}.admin-link-card:hover{border-color:var(--button-secondary-border);transform:translateY(-1px);box-shadow:0 8px 16px #3a33291a}}@media (min-width:760px){main{padding:1.1rem 1rem 1.4rem}.card{padding:1.1rem}.panel{padding:1rem}.auth-header{grid-template-columns:1fr auto;align-items:center}.workspace-header-actions{justify-items:end}.sticky-toolbar{top:.45rem}.report-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.admin-index-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (min-width:1024px){.workspace.workspace-notes{grid-template-columns:minmax(420px,1.15fr) minmax(360px,.85fr);gap:1rem}.panel{padding:1.06rem}.feed-panel{min-height:660px}.note-list{max-height:64vh;padding-bottom:.1rem;scroll-padding-bottom:.1rem}.button-secondary{min-height:38px}.bottom-actionbar-spacer,.bottom-actionbar{display:none}}@media (prefers-reduced-motion:reduce){.card,.panel,.button-secondary,.note-card{transition:none;animation:none}}