:root{--bg:#fff;--fg:#191f28;--fg2:#4e5968;--muted:#8b95a1;--faint:#b0b8c1;--line:#e5e8eb;--soft:#f2f4f6;--soft2:#f9fafb;--accent:#3182f6;--accent-fg:#fff;--accent-soft:#e8f3ff;--danger:#f04452;--ink:#191f28;--ink-fg:#fff;--dim:#00000073}@media (prefers-color-scheme:dark){:root{--bg:#17171c;--fg:#f2f4f6;--fg2:#c3c8cf;--muted:#8b95a1;--faint:#6b7684;--line:#2c2c35;--soft:#26262d;--soft2:#1e1e24;--accent:#4c9aff;--accent-fg:#fff;--accent-soft:#1b2a40;--danger:#fe5c66;--ink:#f2f4f6;--ink-fg:#17171c;--dim:#0009}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0}body{letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font:15px/1.5 Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif}main{max-width:640px;margin:0 auto;padding-bottom:104px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.4;cursor:default}img{display:block}.clamp2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.muted{color:var(--muted)}.accent{color:var(--accent)}.btn{background:var(--soft);height:48px;color:var(--fg2);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:16px;font-weight:600;display:inline-flex}.btn.primary{background:var(--accent);color:var(--accent-fg)}.btn.danger{background:var(--soft);color:var(--danger)}.btn.sm{border-radius:10px;height:36px;padding:0 12px;font-size:14px}.btn.block{border-radius:16px;width:100%;height:56px;font-size:17px}.iconbtn{width:40px;height:40px;color:var(--fg2);border-radius:50%;place-items:center;display:grid}.iconbtn:active{background:var(--soft)}.field{flex-direction:column;gap:8px;padding:0 24px 22px;display:flex}.field>span{color:var(--fg2);font-size:14px;font-weight:500}.input{background:var(--soft);border:2px solid #0000;border-radius:12px;outline:none;width:100%;min-width:0;padding:13px 14px;font-size:16px}.input:focus{border-color:var(--accent);background:var(--bg)}.input::placeholder{color:var(--faint)}textarea.input{resize:none}select.input{appearance:none}.topbar{background:var(--bg);z-index:4;align-items:center;height:56px;padding:0 12px 0 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;margin-right:auto;font-size:20px;font-weight:800}.brand i{color:var(--accent);font-style:normal}.back{background:var(--bg);z-index:4;align-items:center;gap:4px;height:56px;padding:0 8px;display:flex;position:sticky;top:0}.back h1{margin:0;font-size:17px;font-weight:600}.title{letter-spacing:-.03em;white-space:pre-line;margin:0;padding:4px 24px 18px;font-size:24px;font-weight:700;line-height:1.35}.desc{color:var(--muted);margin:-8px 0 0;padding:0 24px 16px;font-size:14px}.searchbox{background:var(--soft);height:44px;color:var(--muted);border-radius:12px;align-items:center;gap:8px;margin:0 20px 10px;padding:0 6px 0 14px;display:flex}.searchbox input{min-width:0;color:var(--fg);background:0 0;border:0;outline:none;flex:1;font-size:16px}.chips{scrollbar-width:none;gap:6px;padding:4px 20px 14px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips.wrap{flex-wrap:wrap;padding:0 24px 22px;overflow:visible}.chip{background:var(--soft);height:34px;color:var(--fg2);white-space:nowrap;border-radius:17px;flex-shrink:0;align-items:center;gap:4px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.chip.on{background:var(--ink);color:var(--ink-fg)}.chip.add{border:1px dashed var(--faint);color:var(--muted);background:0 0}.chip input{background:0 0;border:0;outline:none;width:110px;font-size:14px;font-weight:600}.bar{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:0 20px 12px;font-size:13px;display:flex}.bar b{color:var(--fg);font-weight:600}.bar .unread{color:var(--muted);font-size:13px}.bar .unread.on{color:var(--accent);font-weight:600}.seg{background:var(--soft);border-radius:8px;padding:2px;display:flex}.seg button{color:var(--muted);border-radius:6px;place-items:center;padding:4px 8px;display:grid}.seg button.on{background:var(--bg);color:var(--fg);box-shadow:0 1px 2px #00000014}.thumb{aspect-ratio:16/9;background:var(--soft);border-radius:14px;flex-shrink:0;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb .site{color:var(--muted);text-align:center;word-break:break-all;place-items:center;padding:8px;font-size:15px;font-weight:700;display:grid;position:absolute;inset:0}.thumb .readline{background:var(--accent);height:3px;position:absolute;bottom:0;left:0;right:0}.card{padding:0 20px 24px;position:relative}.card .meta{align-items:flex-start;gap:4px;margin-top:10px;display:flex}.memo{color:var(--accent);margin-bottom:2px;font-size:14px;font-weight:600}.tt{font-size:16px;font-weight:600;line-height:1.45}.sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin-top:3px;font-size:13px;display:flex;overflow:hidden}.read .tt{color:var(--muted)}.row{align-items:center;gap:12px;padding:0 12px 14px 20px;display:flex;position:relative}.row .thumb{border-radius:10px;width:120px}.row .tt{font-size:15px}.row .memo{font-size:13px}.menu{flex-shrink:0;margin-left:auto;position:relative}.menu>summary{width:32px;height:32px;color:var(--faint);cursor:pointer;border-radius:50%;place-items:center;margin-right:-6px;list-style:none;display:grid}.menu>summary::-webkit-details-marker{display:none}.menu-pop{z-index:6;background:var(--bg);border-radius:14px;flex-direction:column;min-width:160px;padding:6px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 2px 4px #0000000f,0 12px 32px #00000024}.menu-pop button{text-align:left;border-radius:8px;padding:11px 12px;font-size:15px;font-weight:500}.menu-pop button:hover{background:var(--soft)}.menu-pop .danger{color:var(--danger)}.fab{left:50%;bottom:max(20px, env(safe-area-inset-bottom));background:var(--accent);height:52px;color:var(--accent-fg);z-index:5;border-radius:26px;align-items:center;gap:6px;padding:0 22px 0 16px;font-size:16px;font-weight:600;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 16px #3182f659}.invite{background:var(--accent-soft);border-radius:16px;margin:0 20px 14px;padding:16px}.invite p{margin:0 0 12px;font-size:15px;line-height:1.5}.invite .btns{gap:8px;display:flex}.invite .btn{background:var(--bg);border-radius:10px;flex:1;height:40px;font-size:15px}.invite .btn.primary{background:var(--accent)}.empty{text-align:center;color:var(--muted);padding:64px 24px}.empty b{color:var(--fg);margin-bottom:6px;font-size:17px;display:block}.page{flex-direction:column;min-height:100dvh;padding-bottom:0;display:flex}.preview{margin:0 24px 22px}.preview .tt{margin-top:10px;font-size:15px}.urlrow{gap:8px;display:flex}.cta{padding:12px 20px max(20px, env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 24%);gap:8px;margin-top:auto;display:flex;position:sticky;bottom:0}.cta .btn{border-radius:16px;flex:1;height:56px;font-size:17px}.error{color:var(--danger);margin:0;padding:0 24px 12px;font-size:14px}.done{text-align:center;flex-direction:column;flex:1;align-items:center;padding:18vh 24px 0;display:flex}.done .ok{background:var(--accent);width:64px;height:64px;color:var(--accent-fg);border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.done h1{letter-spacing:-.03em;margin:0;font-size:24px;font-weight:700}.done p{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.6}.done .ad-slot{width:100%;margin-top:36px}.group{margin:0 20px 20px}.group>h2{color:var(--muted);margin:0 4px 8px;font-size:14px;font-weight:600}.item{align-items:center;gap:12px;padding:12px 4px;display:flex}.item+.item{border-top:1px solid var(--line)}.item .grow{flex:1;min-width:0}.item .tt{font-size:15px}.item select{background:var(--soft);border:0;border-radius:10px;width:auto;padding:8px 10px;font-size:14px}.notice{background:var(--soft2);color:var(--fg2);border-radius:16px;margin:0 20px 20px;padding:16px;font-size:14px;line-height:1.6}.notice ul{margin:8px 0 0;padding-left:18px}.dim{background:var(--dim);z-index:10;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:640px;padding:8px 0 max(16px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.sheet .grab{background:var(--line);border-radius:2px;width:36px;height:4px;margin:0 auto 14px}.sheet .title{padding-bottom:16px;font-size:20px}.sheet .cta{background:0 0;position:static}.toast{background:var(--ink);color:var(--ink-fg);z-index:20;border-radius:12px;max-width:calc(100% - 40px);padding:12px 18px;font-size:14px;font-weight:500;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.ad-slot{padding:0 20px 20px}.ad-slot>span{color:var(--faint);margin-bottom:4px;font-size:11px;display:block}.hero{padding:40px 24px 32px}.hero h1{letter-spacing:-.04em;margin:16px 0 12px;font-size:32px;font-weight:800;line-height:1.3}.hero h1 i{color:var(--accent);font-style:normal}.hero p{color:var(--fg2);margin:0 0 28px;font-size:16px;line-height:1.6}.hero .btn{width:100%;max-width:360px}.sample{background:var(--soft2);border-radius:20px;margin:0 24px 40px;padding:16px}.sample .card{padding:0}.points{gap:28px;margin-bottom:40px;padding:0 24px;display:grid}.points h2{margin:0 0 6px;font-size:18px;font-weight:700}.points p{color:var(--fg2);margin:0;line-height:1.6}.steps{background:var(--soft2);border-radius:20px;margin:0 24px 40px;padding:20px}.steps h2{margin:0 0 12px;font-size:16px}.steps ol{color:var(--fg2);margin:0;padding-left:20px;line-height:1.9}.footer{text-align:center;color:var(--muted);padding:24px 0 8px;font-size:13px}.footer a{text-underline-offset:3px;text-decoration:underline}.doc{color:var(--fg2);padding:0 24px 48px;line-height:1.75}.doc h1{color:var(--fg);letter-spacing:-.03em;margin:8px 0 16px;font-size:24px}.doc h2{color:var(--fg);margin:28px 0 8px;font-size:16px}.doc a{color:var(--accent)}.doc ul{padding-left:20px}.doc table{border-collapse:collapse;width:100%;font-size:13px;display:block;overflow-x:auto}.doc th,.doc td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px}.doc th{background:var(--soft2);color:var(--fg)}.center{min-height:60vh;color:var(--muted);place-items:center;display:grid}