:root{--color-primary:#315cff;--color-save:#ff5ca8;--color-highlight:#d7ff3f;--color-accent:#ff7139;--color-violet:#c9a7ff;--color-background:#fff8e7;--color-surface:#fff;--color-surface-warm:#fffdf7;--color-ink:#281936;--color-muted:#74647f;--color-success:#20a66a;--color-warning:#f2a900;--color-error:#e5484d;--border-default:2px solid var(--color-ink);--border-subtle:1.5px solid var(--color-ink);--shadow-sm:3px 3px 0 var(--color-ink);--shadow-md:5px 5px 0 var(--color-ink);--shadow-lg:8px 8px 0 var(--color-ink);--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--duration-fast:.12s;--duration-normal:.2s;--ease-snappy:cubic-bezier(.2,.8,.2,1);--ease-pop:cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8px 8px, #2819361c 1.2px, transparent 1.3px) 0 0/20px 20px, var(--color-background);color:var(--color-ink);min-height:100vh;padding-bottom:calc(96px + env(safe-area-inset-bottom));font-family:Inter,Pretendard,Apple SD Gothic Neo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:15px}a{color:inherit;text-decoration:none}::-webkit-scrollbar{display:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.hidden{display:none!important}svg.lucide{vertical-align:-.125em;stroke-width:2px;flex:none;width:1em;height:1em;display:inline-block}header{z-index:30;background:color-mix(in srgb, var(--color-background), transparent 12%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:calc(14px + env(safe-area-inset-top)) 16px 10px;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{letter-spacing:-.3px;align-items:center;gap:9px;font-size:20px;font-weight:900;display:flex}.logo{background:var(--color-primary);border:var(--border-default);width:24px;height:24px;box-shadow:2px 2px 0 var(--color-ink);border-radius:7px;display:inline-block}.count{color:var(--color-muted);background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-pill);padding:3px 9px;font-size:11.5px;font-weight:800}.hbtns{gap:8px;display:flex}.hbtn{border-radius:var(--radius-sm);background:var(--color-surface);border:var(--border-subtle);width:44px;height:44px;box-shadow:2px 2px 0 var(--color-ink);color:var(--color-ink);transition:transform var(--duration-fast) var(--ease-snappy), box-shadow var(--duration-fast) var(--ease-snappy);justify-content:center;align-items:center;font-size:17px;display:flex}.hbtn:active{box-shadow:none;transform:translate(2px,2px)}.spin{animation:1s linear infinite sp;display:inline-flex}@keyframes sp{to{transform:rotate(360deg)}}.searchbar{gap:8px;padding:4px 16px 10px;display:flex}.searchbar input{background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-sm);min-width:0;color:var(--color-ink);outline-offset:1px;flex:1;padding:11px 14px}.searchbar input::placeholder{color:var(--color-muted)}.searchbar select{background:var(--color-surface);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-ink);outline-offset:1px;appearance:none;flex:none;padding:0 10px;font-weight:700}.viewbar{gap:8px;padding:0 16px 10px;display:flex}.seg{background:var(--color-surface);border:var(--border-default);box-shadow:2px 2px 0 var(--color-ink);border-radius:12px;flex:1;padding:3px;display:flex}.seg button{color:var(--color-muted);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:13px;font-weight:850;display:inline-flex}.seg button.on{background:var(--color-primary);color:#fff}.viewbar select{background:var(--color-surface);border:var(--border-subtle);color:var(--color-ink);appearance:none;border-radius:12px;padding:0 10px;font-size:13px;font-weight:700}.chips{white-space:nowrap;gap:7px;padding:2px 16px 10px;display:flex;overflow-x:auto}.plats{padding-bottom:4px}.chip{border-radius:var(--radius-pill);background:var(--color-surface);border:var(--border-subtle);color:var(--color-ink);flex:none;padding:7px 13px;font-size:13px;font-weight:800}.chip b{color:var(--color-muted);margin-left:4px;font-size:11.5px;font-weight:700}.chip.on{background:var(--color-primary);color:#fff;box-shadow:2px 2px 0 var(--color-ink)}.chip.on b{color:#fffc}.plats .chip{padding:6px 11px;font-size:12px}.bdot{vertical-align:1px;border:1px solid #28193659;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.plats .chip .bdot{margin-right:4px}.notice{border-radius:var(--radius-md);background:var(--color-surface);border:var(--border-default);box-shadow:var(--shadow-sm);color:var(--color-ink);margin:0 16px 12px;padding:12px 14px;font-size:13.5px;line-height:1.6}.notice.warn{background:#fff3d6}.notice button{color:var(--color-primary);text-underline-offset:3px;margin-left:6px;font-size:13px;font-weight:850;text-decoration:underline}.grid{columns:2;column-gap:12px;padding:0 16px}@media (min-width:640px){.grid{columns:3}}.card{background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-md);break-inside:avoid;page-break-inside:avoid;box-shadow:var(--shadow-sm);content-visibility:auto;contain-intrinsic-size:auto 420px;transition:transform var(--duration-fast) var(--ease-snappy), box-shadow var(--duration-fast) var(--ease-snappy);flex-direction:column;margin-bottom:12px;display:flex;overflow:hidden}@media (hover:hover){.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.thumb{aspect-ratio:4/3;background:var(--color-background);position:relative;overflow:hidden}.thumb img.over{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.ph{width:100%;height:100%;color:var(--color-ink);justify-content:center;align-items:center;font-size:26px;font-weight:900;display:flex}.ph .lucide{opacity:.75}.badge{z-index:3;letter-spacing:.2px;color:var(--color-ink);background:var(--color-surface);border:var(--border-subtle);box-shadow:2px 2px 0 var(--color-ink);border-radius:var(--radius-pill);padding:3px 8px;font-size:10.5px;font-weight:850;position:absolute;top:8px;left:8px}.play{z-index:2;background:var(--color-save);border:var(--border-default);width:54px;height:54px;box-shadow:var(--shadow-sm);color:var(--color-ink);transition:transform var(--duration-fast) var(--ease-snappy), box-shadow var(--duration-fast) var(--ease-snappy);border-radius:50%;justify-content:center;align-items:center;margin:auto;font-size:19px;display:flex;position:absolute;inset:0}.play:active{box-shadow:none;transform:translate(2px,2px)}.play .lucide{fill:currentColor;stroke-width:1px;width:20px;height:20px}.embwrap{background:var(--color-background);width:100%;position:relative;overflow:hidden}.embwrap iframe{background:#fff;border:0;width:100%;display:block;position:relative}.eskel{color:var(--color-muted);text-align:center;background:linear-gradient(110deg,var(--color-background) 40%,#fff 50%,var(--color-background) 60%);background-size:200% 100%;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:12px;font-weight:800;animation:1.6s infinite shim;display:flex;position:absolute;inset:0}.eskel small{color:var(--color-muted);font-size:10.5px;font-weight:500;line-height:1.5}.eskel .elogo{border:var(--border-subtle);border-radius:7px;width:20px;height:20px}@keyframes shim{to{background-position:-200% 0}}.acard{align-items:center;gap:12px;padding:15px 14px 4px;display:flex}.ring{border:2px solid var(--color-ink);border-radius:50%;flex:none;width:56px;height:56px;padding:3px}.ring .av{background:var(--color-surface);width:100%;height:100%;color:var(--color-ink);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:900;display:flex}.handle{word-break:break-word;font-size:14px;font-weight:900}.hsub{color:var(--color-muted);white-space:nowrap;margin-top:2px;font-size:11.5px;font-weight:600}.cbody{flex-direction:column;flex:1;gap:7px;padding:11px 12px 12px;display:flex}.ctags{flex-wrap:wrap;gap:5px;display:flex}.ctag{color:var(--color-ink);background:var(--color-highlight);border:1.5px solid var(--color-ink);border-radius:var(--radius-pill);padding:2px 9px;font-size:11px;font-weight:800}.memo{color:var(--color-ink);word-break:break-word;font-size:13px;font-weight:600;line-height:1.55}.idea{color:var(--color-muted);word-break:break-word;font-size:12px;line-height:1.55}.idea:before{content:"아이디어";color:var(--color-ink);background:var(--color-violet);border:1px solid var(--color-ink);vertical-align:1px;border-radius:4px;margin-right:6px;padding:1px 5px;font-size:9.5px;font-weight:900}.extra{color:var(--color-muted);word-break:break-word;font-size:11.5px}.extra b{color:var(--color-ink);font-weight:700}.cfoot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.date{color:var(--color-muted);white-space:nowrap;font-size:10.5px;font-weight:700}.cbtns{gap:5px;margin-left:auto;display:flex}.cbtn{color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-ink);white-space:nowrap;transition:transform var(--duration-fast) var(--ease-snappy);border-radius:8px;padding:5px 8px;font-size:11px;font-weight:850}.cbtn:active{transform:translate(1px,1px)}.cbtn.go{background:var(--color-primary);color:#fff}.cbtn .lucide{width:.95em;height:.95em}#grid.view-list{columns:auto;flex-direction:column;gap:9px;display:flex}.vrow{background:var(--color-surface);border:var(--border-subtle);box-shadow:2px 2px 0 var(--color-ink);border-radius:12px;align-items:center;gap:11px;padding:10px 12px;display:flex}.vthumb{background:var(--color-background);border:1.5px solid var(--color-ink);border-radius:9px;flex:none;width:46px;height:46px;position:relative;overflow:hidden}.vthumb .ph{font-size:18px}.vthumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vmain{flex:1;min-width:0}.vtitle{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:750;overflow:hidden}.vsub{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;font-weight:600;overflow:hidden}.vsub .bdot{width:6px;height:6px;margin-right:4px}#grid.view-gallery{columns:auto;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (min-width:640px){#grid.view-gallery{grid-template-columns:repeat(5,1fr)}}.gcell{aspect-ratio:1;background:var(--color-surface);border:var(--border-subtle);box-shadow:2px 2px 0 var(--color-ink);border-radius:12px;padding:0;position:relative;overflow:hidden}.gcell .ph{font-size:22px}.gcell img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gdot{border:1px solid var(--color-ink);z-index:2;border-radius:50%;width:9px;height:9px;position:absolute;bottom:7px;left:7px;box-shadow:0 0 0 2px #fff}.ghead{column-span:all;color:var(--color-ink);grid-column:1/-1;align-items:center;gap:7px;padding:14px 2px 8px;font-size:13px;font-weight:900;display:flex}.ghead b{color:var(--color-muted);font-size:11.5px;font-weight:700}.ghead .bdot{width:8px;height:8px}.empty{text-align:center;color:var(--color-muted);padding:70px 30px;font-size:14px;font-weight:600;line-height:1.7}.empty .big{justify-content:center;margin-bottom:12px;display:flex}.empty .big .lucide{opacity:.55;width:36px;height:36px}.fab{right:18px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:40;width:58px;height:58px;color:var(--color-ink);background:var(--color-save);border:var(--border-default);box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-snappy), box-shadow var(--duration-fast) var(--ease-snappy);border-radius:16px;justify-content:center;align-items:center;display:flex;position:fixed}.fab:active{box-shadow:none;transform:translate(3px,3px)}.fab .lucide{stroke-width:2.6px;width:26px;height:26px}.ovl{z-index:50;opacity:0;pointer-events:none;background:#28193673;justify-content:center;align-items:flex-end;transition:opacity .18s;display:flex;position:fixed;inset:0}.ovl.show{opacity:1;pointer-events:auto}.sheet{background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:560px;padding:10px 18px calc(24px + env(safe-area-inset-bottom));max-height:88vh;transition:transform .18s var(--ease-snappy);border-bottom:none;overflow-y:auto;transform:translateY(30px)}.ovl.show .sheet{transform:none}.grab{border-radius:var(--radius-pill);background:var(--color-ink);opacity:.25;width:38px;height:4px;margin:2px auto 14px}.stitle{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:16px;font-weight:900;display:flex}.stitle .x{color:var(--color-muted);font-size:13.5px;font-weight:800}.tabs{background:var(--color-background);border:var(--border-subtle);border-radius:12px;gap:6px;margin-bottom:14px;padding:4px;display:flex}.tab{color:var(--color-muted);text-align:center;cursor:pointer;border-radius:9px;flex:1;padding:8px;font-size:13.5px;font-weight:850}.tab.on{background:var(--color-primary);color:#fff}.fld{margin-bottom:11px}.fld label{color:var(--color-ink);margin-bottom:6px;font-size:12px;font-weight:850;display:block}.fld label i{color:var(--color-save);font-style:normal}.fld input,.fld textarea{background:var(--color-background);border:var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--color-ink);outline-offset:1px;padding:11px 13px}.fld input::placeholder,.fld textarea::placeholder{color:var(--color-muted)}.fld textarea{resize:vertical;min-height:84px;line-height:1.5}.fld .hint{color:var(--color-muted);margin-top:5px;font-size:11.5px;line-height:1.5}.primary{width:100%;color:var(--color-ink);background:var(--color-save);border:var(--border-default);box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-snappy), box-shadow var(--duration-fast) var(--ease-snappy);border-radius:12px;margin-top:6px;padding:14px;font-size:15px;font-weight:900}.primary:active{box-shadow:none;transform:translate(3px,3px)}.primary:disabled{opacity:.55}.ghost{width:100%;color:var(--color-ink);background:var(--color-surface);border:var(--border-subtle);border-radius:12px;margin-top:8px;padding:12px;font-size:13.5px;font-weight:800}.fallback{background:var(--color-background);border:var(--border-subtle);border-radius:var(--radius-md);color:var(--color-ink);margin-top:10px;padding:13px;font-size:13px;line-height:1.65}.trow{background:var(--color-surface);border:var(--border-subtle);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;padding:12px 13px;display:flex}.trow span{font-size:13px;font-weight:800}.trow input{width:20px;height:20px;accent-color:var(--color-primary)}.pframe{border:var(--border-default);border-radius:var(--radius-sm);background:#fff;width:100%;height:70vh}.pnote{color:var(--color-muted);text-align:center;margin-top:10px;font-size:12px;line-height:1.5}#toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--color-surface);color:var(--color-ink);border:var(--border-default);box-shadow:var(--shadow-sm);z-index:60;opacity:0;pointer-events:none;transition:.2s var(--ease-pop);white-space:nowrap;border-radius:12px;padding:11px 18px;font-size:13.5px;font-weight:850;position:fixed;transform:translate(-50%)translateY(10px)}#toast.show{opacity:1;transform:translate(-50%)}@media (min-width:960px){body{grid-template-columns:280px minmax(0,1fr);align-items:start;padding-bottom:0;display:grid}#rail{background:var(--color-surface-warm);border-right:var(--border-default);height:100vh;padding-bottom:24px;position:sticky;top:0;overflow-y:auto}#main{min-height:100vh;padding-bottom:90px}header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;position:static}.viewbar{flex-direction:column}.seg{flex:none}.chips{white-space:normal;flex-wrap:wrap;overflow:visible}.grid{columns:4;padding:16px}#grid.view-gallery{grid-template-columns:repeat(6,1fr)}#grid.view-list{max-width:820px}.notice{margin-top:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}