:root{--ink:#2d2d2f;--cream:#fbf6f1;--cream-muted:#fbf6f199;--cream-surface:#fbf6f114;--cream-line:#fbf6f124;--pink:#f9b8c8}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--ink);color:var(--cream);font-family:-apple-system,Apple SD Gothic Neo,Pretendard,sans-serif;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{background:var(--ink);border-right:1px solid var(--cream-line);flex-direction:column;flex:none;gap:8px;width:260px;padding:24px 16px;display:flex}.sidebar-logo{margin:0 8px 16px;font-size:22px;font-weight:700}.sidebar-menu{flex-direction:column;gap:4px;display:flex}.sidebar-item{color:var(--cream-muted);border-radius:8px;padding:10px 12px;text-decoration:none}.sidebar-item[aria-current=page]{background:var(--cream-surface);color:var(--cream);font-weight:600}.sidebar-slot{flex:1;min-height:0;overflow-y:auto}.sidebar-logout{text-align:left;color:var(--cream-muted);background:0 0;border:0;padding:10px 12px}.main{flex:1;min-width:0;padding:32px}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:16px;display:flex}.center h1,.center h2{margin:0}.center p{color:var(--cream-muted);margin:0}.btn{background:var(--cream);color:var(--ink);border:0;border-radius:10px;padding:12px 20px;font-weight:600}.btn-ghost{background:var(--cream-surface);color:var(--cream)}.chip{background:var(--cream-surface);color:var(--cream);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.chip-done{background:var(--pink);color:var(--ink)}.page-blank{background:var(--cream-surface);border-radius:8px}.notice{text-align:center;padding:48px 16px}.notice p{margin:0}.notice-title{font-weight:600}.notice-body{color:var(--cream-muted);margin-top:6px!important}img{max-width:100%}.chips{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tag-chip{border:1px solid var(--cream-line);color:var(--cream-muted);background:0 0;border-radius:999px;padding:6px 14px}.tag-chip[aria-pressed=true]{background:var(--cream);color:var(--ink);border-color:var(--cream);font-weight:600}.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;display:grid}.card{color:var(--cream);flex-direction:column;gap:8px;min-width:0;text-decoration:none;display:flex}.card-frame{aspect-ratio:4/5;background:var(--cream-surface);border-radius:10px;position:relative;overflow:hidden}.card-cover{object-fit:cover;width:100%;height:100%;display:block}.card-cover-blank{color:var(--cream-muted);justify-content:center;align-items:center;font-size:40px;font-weight:700;display:flex}.card-badge{position:absolute;top:8px;left:8px}.card-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.project-groups{flex-direction:column;gap:16px;margin-top:16px;display:flex}.project-group h3{color:var(--cream-muted);margin:0 8px 6px;font-size:12px;font-weight:600}.project-item{color:var(--cream);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:6px 8px;text-decoration:none;display:flex}.project-item[aria-current=page]{background:var(--cream-surface)}.project-thumb{object-fit:cover;border-radius:4px;flex:none;width:32px;height:40px}.project-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.record-main{flex:1;gap:24px;min-width:0;height:100vh;padding:24px;display:flex}.viewer{flex-direction:column;flex:2;gap:16px;min-width:0;display:flex}.viewer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.viewer-title{min-width:0}.viewer-title h2{overflow-wrap:anywhere;margin:0;font-size:20px}.viewer-title p{color:var(--cream-muted);margin:4px 0 0;font-size:14px}.viewer-head .btn{white-space:nowrap;padding:8px 14px;text-decoration:none}.viewer-body{flex:1;min-height:0;overflow:auto;container-type:inline-size}.pages{flex-direction:column;gap:12px;height:100%;display:flex}.page-stage{flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.page-big{flex:1;justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.page-big img{object-fit:contain;cursor:zoom-in;border-radius:8px;max-width:100%;max-height:100%}.page-cover{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.page-flip{background:var(--cream-surface);border:0;border-radius:50%;flex:none;width:40px;height:40px;font-size:22px}.page-flip:disabled{opacity:.3;cursor:default}.page-thumbs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.page-thumb{background:0 0;border:2px solid #0000;border-radius:6px;flex:none;width:56px;height:70px;padding:0;position:relative;overflow:hidden}.page-thumb[aria-current=true]{border-color:var(--pink)}.page-thumb img,.page-thumb .page-blank{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.page-thumb span{text-shadow:0 0 3px var(--ink);font-size:11px;position:absolute;bottom:2px;right:3px}.pdf-frame{background:#fff;border:0;border-radius:8px;width:100%;height:100%;min-height:480px}.insta{align-items:stretch;gap:24px;height:100%;min-height:0;display:flex}.insta-embed{background:#fff;border:0;border-radius:8px;flex:0 540px;align-self:flex-start;min-width:340px;height:760px}.insta-pages{flex:2 340px;min-width:340px;min-height:0}.ocr{flex-direction:column;flex:1;gap:24px;min-width:220px;padding-right:4px;display:flex;overflow-y:auto}@container (width<=583.98px){.insta{flex-direction:column;height:auto}.insta-embed{flex:none;width:100%;min-width:0;max-width:540px}.insta-pages{flex:none;width:100%;min-width:0;height:70vh}.ocr{flex:none;min-width:0;overflow:visible}}.ocr h3{color:var(--pink);margin:0 0 8px;font-size:16px;font-weight:700}.ocr p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:18px;line-height:1.7}.youtube{flex-direction:column;gap:20px;display:flex}.video{aspect-ratio:16/9;width:100%;position:relative}.video iframe{border:0;border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.rounds{flex-direction:column;gap:20px;display:flex}.rounds h3{margin:0 0 6px;font-size:14px}.round-line{border-bottom:1px solid var(--cream-surface);flex-wrap:wrap;gap:4px 10px;margin:0;padding:8px 0;font-size:15px;display:flex}.round-range{flex:none;width:64px;font-weight:700}.round-muted{color:var(--cream-muted)}.round-yarn{font-weight:600}.round-warn{color:#ff8a80;flex-basis:100%;padding-left:74px;font-size:13px}.record-panel{background:var(--cream-surface);border-radius:14px;flex-direction:column;flex:1;gap:16px;min-width:320px;padding:20px;display:flex;overflow-y:auto}.record-status{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.record-status-line{color:var(--cream-muted)}.record-knit-time{margin-left:auto;font-weight:600}.record-memo h3{color:var(--cream-muted);margin:0 0 4px;font-size:13px}.record-memo p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.log-write{align-self:stretch}.log-list{flex-direction:column;gap:10px;display:flex}.log-card{background:var(--cream-surface);border-radius:10px;padding:12px 14px}.log-head{color:var(--cream-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.log-fix{color:var(--cream-muted);background:0 0;border:0;padding:2px 4px;font-size:12px}.log-fix:hover{color:var(--cream)}.log-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;line-height:1.5}.log-photos{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.log-photo{border-radius:6px;width:72px;height:72px;display:block;overflow:hidden}.log-photo img{object-fit:cover;width:100%;height:100%;display:block}.log-editor{flex-direction:column;gap:8px;display:flex}.log-editor textarea{resize:vertical;border:1px solid var(--cream-line);background:var(--ink);width:100%;color:var(--cream);font:inherit;border-radius:10px;padding:10px 12px;line-height:1.5}.log-editor-actions{justify-content:flex-end;gap:8px;display:flex}.log-editor-actions .btn{padding:8px 16px}.btn:disabled{opacity:.4;cursor:default}.log-error p{color:#ff8a80;margin:0;font-size:13px}.log-error p+p{color:var(--cream-muted);margin-top:2px}.record-empty{color:var(--cream-muted);margin:0;font-size:14px}@media (width<=1100px){.record-main{flex-direction:column;height:auto}.insta{height:auto}.insta-pages{height:70vh}.record-panel{min-width:0}.viewer-body{min-height:60vh}}@media (width<=720px){.shell{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--cream-line);width:100%}.main,.record-main{padding:16px}}