:root{--ground:#f4f4f2;--ink:#37352f;--ink-2:#787774;--glass:#ffffffb3;--glass-edge:#37352f1a;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #787774}[hidden]{display:none!important}body{background:var(--ground);min-height:100dvh;color:var(--ink);margin:0;font-family:-apple-system,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;overflow-x:hidden}.app{max-width:620px;padding:max(14px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));margin:0 auto;position:relative}.masthead{padding-bottom:8px}.heading-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.heading{min-width:0}.eyebrow{color:var(--ink-2);align-items:center;gap:5px;margin:0 0 4px;font-size:11px;font-weight:500;display:flex}.eyebrow img{border-radius:5px}h1{letter-spacing:-.045em;white-space:nowrap;margin:0;font-size:clamp(19px,5.2vw,23px);font-weight:700;line-height:1.3}.date-title{background:0 0;border:0;align-items:center;gap:7px;padding:0;display:flex}.date-chevron{color:var(--ink-2);font-size:15px}.actions{flex:none;gap:6px;display:flex}.icon-button{border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff80;border-radius:50%;place-items:center;width:40px;height:40px;padding:10px;transition:background .15s;display:grid}.icon-button:hover:enabled{background:#ffffffe0}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.chips{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;display:grid}.chip{border:1px solid var(--glass-edge);white-space:nowrap;background:#ffffffa3;border-radius:8px;grid-column:span 3;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:38px;padding:0 6px;font-size:clamp(10.5px,3.2vw,12px);font-weight:500;transition:background .15s,color .15s;display:flex}.chip:nth-child(n+5){grid-column:span 4}.chip.active{border-color:var(--ink);background:var(--ink);color:#fff;font-weight:650}.chip-count{opacity:.6;font-variant-numeric:tabular-nums;font-size:10px;display:none}.list-meta{color:var(--ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;padding:2px 1px 9px;font-size:10px;display:flex}.items{flex-direction:column;gap:8px;display:flex}.card{border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px;padding:11px 12px;transition:background .15s,opacity .2s,box-shadow .15s}.card:hover{background:#fffffff2;box-shadow:0 2px 8px #37352f09}.card a{color:inherit;text-decoration:none;display:block}.card-meta{min-width:0;color:var(--ink-2);align-items:center;gap:5px;margin-bottom:6px;font-size:10px;line-height:1.5;display:flex}.source-icon{background:var(--ink);color:#fff;border-radius:6px;flex:none;place-items:center;width:19px;height:19px;font-size:10px;font-weight:700;display:grid}.source-name{white-space:nowrap;text-overflow:ellipsis;max-width:44%;overflow:hidden}.card-meta time{white-space:nowrap;flex:none;font-size:10px}.meta-dot{opacity:.6}.badge{white-space:nowrap;color:#686660;background:#37352f0e;border-radius:999px;flex:none;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:650}.card h2{letter-spacing:-.025em;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600;line-height:1.42}.original{color:var(--ink-2);overflow-wrap:anywhere;margin:4px 0 0;font-size:11px;line-height:1.4}.card-foot{min-height:12px;color:var(--ink-2);justify-content:space-between;align-items:center;margin-top:9px;font-size:10px;display:flex}.open-link{opacity:.75}.card.is-read{opacity:.55;background:#ffffff59}.card.is-read:hover,.card.is-read:focus-within{opacity:.85}.video-image{aspect-ratio:16/9;border:1px solid var(--glass-edge);background:#e8e8e5;border-radius:8px;place-items:center;margin:0 0 12px;display:grid;position:relative;overflow:hidden}.video-image>img{object-fit:cover;width:100%;height:100%;position:absolute}.play{color:#fff;background:#37352fd9;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:relative;box-shadow:0 3px 15px #37352f1f}.play svg{width:23px;height:23px;margin-left:-2px}.video-label{color:#fff;background:#37352fcc;border-radius:6px;padding:3px 8px;font-size:10px;position:absolute;bottom:10px;right:10px}.video-stats{color:var(--ink-2);margin:6px 0 0;font-size:10px}.notice{border:1px solid var(--glass-edge);color:var(--ink-2);background:#ffffff73;border-radius:8px;margin:0 0 9px;padding:8px 10px;font-size:11px;line-height:1.5}.text-button{background:#fff9;border:0;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:600}.text-button:hover{background:#fff}.load-more{width:100%;min-height:44px;margin:16px 0;display:block}.empty-state{text-align:center;border:1px solid var(--glass-edge);background:#ffffff59;border-radius:10px;padding:42px 20px}.empty-symbol{border:1px solid var(--glass-edge);width:44px;height:44px;color:var(--ink-2);background:#ffffff80;border-radius:10px;place-items:center;margin-bottom:16px;font-size:26px;display:inline-grid}.empty-state h2{margin:0;font-size:17px}.empty-state p{color:var(--ink-2);word-break:keep-all;max-width:270px;margin:10px auto 18px;font-size:12px;line-height:1.8}footer{text-align:center;color:var(--ink-2);padding:24px 0 12px;font-size:10px;line-height:1.7}footer p{color:var(--ink-2);margin:0 0 4px;font-size:12px}footer button{margin:12px auto 0;display:block}dialog{border:1px solid var(--glass-edge);width:min(360px,100vw - 24px);color:var(--ink);background:#f8f8f6;border-radius:12px;padding:20px;box-shadow:0 16px 60px #37352f26}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#37352f2e}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dialog-heading h2{margin:0;font-size:18px}.day-option{text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:46px;padding:10px 12px;font-size:13px;display:flex}.day-option.selected{background:var(--ink);color:#fff}.day-option:not(.selected):hover{background:#fffc}.day-option span{opacity:.7;font-size:10px}dialog>p{color:var(--ink-2);text-align:center;margin:18px 0 0;font-size:11px}.no-script{text-align:center;padding:24px;position:relative}.skeleton{min-height:138px}.skeleton i{background:#37352f12;border-radius:5px;height:12px;margin-bottom:15px;animation:1.5s ease-in-out infinite pulse;display:block}.skeleton i:first-child{width:34%}.skeleton i:nth-child(2){width:90%;height:17px}.skeleton i:nth-child(3){width:67%;margin:0}.loading svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}@media (width<=699px){.card-foot{min-height:0;margin-top:0}.read-state:empty,.open-link{display:none}.read-state:not(:empty){margin-top:5px;display:inline-block}.card a.video-link{grid-template-columns:minmax(0,1fr) 108px;align-items:start;column-gap:10px;display:grid}.video-link .card-meta{grid-column:1/-1}.video-link .video-image{border-radius:6px;grid-area:2/2/span 2;width:108px;margin:0}.video-link h2,.video-link .original{grid-column:1}.video-link .video-stats,.video-link .card-foot{grid-column:1/-1}.video-link .play{width:28px;height:28px}.video-link .play svg{width:16px;height:16px}.video-link .video-label{display:none}}@media (width>=700px){.app{padding-top:36px}.heading-row{margin-bottom:18px}.chips{flex-wrap:wrap;display:flex}.chip{padding-inline:10px;font-size:12px}.chip-count{display:inline}.card{padding:14px 16px}.card h2{font-size:16px}}@media (width<=360px){.app{padding-left:12px;padding-right:12px}.actions{gap:4px}.icon-button{width:34px;height:36px;padding:8px}h1{font-size:18px}.date-title{gap:3px}.card-meta{gap:4px}.source-name{max-width:36%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}