:root{--ink:#171717;--sub:#74716d;--line:#e9e7e3;--accent:#ff4f61}*{box-sizing:border-box}html{background:#eeece9}body{color:var(--ink);background:#eeece9;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button,input{font:inherit}button{cursor:pointer}.mobile-app{background:#fff;width:min(100%,480px);min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 60px #1c18141f}.postype-bar,.app-bar{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffed;border-bottom:1px solid #0000000f;grid-template-columns:52px 1fr 52px;align-items:center;height:58px;display:grid;position:sticky;top:0}.postype-bar button,.back-button{background:0 0;border:0;height:100%;font-size:31px;font-weight:300}.postype-bar b{text-align:center;letter-spacing:-.04em;font-size:18px}.postype-bar button:last-child{letter-spacing:.08em;font-size:16px}.extension-ready{background:#f5fbf7;border:1px solid #dbefe1;border-radius:14px;align-items:center;gap:11px;margin:13px 16px 4px;padding:11px 13px;display:flex}.extension-ready>span{color:#228a48;background:#daf3e2;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-weight:800;display:grid}.extension-ready b,.extension-ready small{display:block}.extension-ready b{font-size:12px}.extension-ready small{color:#718078;margin-top:2px;font-size:10px}.post-article{-webkit-user-select:text;user-select:text;padding:30px 27px 210px;position:relative}.series{color:#77736e;font-size:12px}.post-article h1{letter-spacing:-.045em;margin:8px 0 19px;font-size:28px;line-height:1.27}.author-row{align-items:center;gap:10px;display:flex}.avatar{color:#fff;background:#222;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:700;display:grid}.author-row b,.author-row small{display:block}.author-row b{font-size:13px}.author-row small{color:#96918c;margin-top:2px;font-size:10px}.rule{background:#eeeae6;height:1px;margin:25px 0 30px}.post-article p{letter-spacing:-.022em;margin:0 0 28px;font-family:Apple SD Gothic Neo,-apple-system,sans-serif;font-size:18px;font-weight:390;line-height:2.02}.post-article mark{color:inherit;background:#bfe7fb;margin:0 -2px;padding:2px}.post-article mark.inactive{background:0 0}.fade-out{pointer-events:none;background:linear-gradient(#0000,#fff 85%);height:130px;position:absolute;bottom:0;left:0;right:0}.selection-dock{z-index:9;width:min(100%,480px);padding:13px 15px calc(13px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf9f7f5;border-top:1px solid #dedbd7;margin:auto;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #1b17131f}.dock-label{color:#4485a4;font-size:10px;font-weight:750}.selection-dock p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 58px 0 0;font-size:12px;line-height:1.48;display:-webkit-box;overflow:hidden}.selection-dock button{right:15px;bottom:calc(16px + env(safe-area-inset-bottom));color:#fff;background:#1e1e1e;border:0;border-radius:50%;width:48px;height:48px;font-size:12px;font-weight:750;position:absolute}.sheet-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#13110f61;place-items:end center;display:grid;position:fixed;inset:0}.share-sheet{width:min(100%,480px);padding:10px 20px calc(14px + env(safe-area-inset-bottom));background:#f8f7f5;border-radius:27px 27px 0 0;animation:.28s cubic-bezier(.2,.8,.2,1) sheetIn;box-shadow:0 -20px 70px #00000038}.sheet-handle{background:#d0ccc7;border-radius:999px;width:36px;height:4px;margin:0 auto 18px}.sheet-source{align-items:center;gap:11px;display:flex}.source-logo{color:#fff;background:#1f1f1f;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.sheet-source b,.sheet-source small{display:block}.sheet-source b{text-overflow:ellipsis;white-space:nowrap;max-width:330px;font-size:13px;overflow:hidden}.sheet-source small{color:#8b8782;margin-top:3px;font-size:10px}.sheet-snippet{color:#65615d;-webkit-line-clamp:2;background:#fff;border:1px solid #e5e1dc;border-radius:12px;-webkit-box-orient:vertical;margin:15px 0;padding:12px 13px;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.share-options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.share-options button{color:#272522;background:#fff;border:1px solid #e4e0dc;border-radius:17px;min-height:112px}.share-options span{height:34px;font-family:Georgia,serif;font-size:25px;display:block}.share-options b{font-size:12px;line-height:1.35}.cancel-button{color:#4e4a46;background:#eae7e3;border:0;border-radius:15px;width:100%;height:48px;margin-top:10px;font-size:13px;font-weight:700}.app-bar{grid-template-columns:52px 1fr 58px}.app-bar>div{text-align:center}.app-bar span,.app-bar small{display:block}.app-bar span{font-size:15px;font-weight:720}.app-bar small{color:#908b86;margin-top:2px;font-size:9px}.done-button{color:#fff;background:#222;border:0;border-radius:10px;height:34px;margin-right:10px;font-size:11px;font-weight:700}.bar-spacer{width:52px}.close-import{color:#77716b;background:0 0;border:0;height:100%;font-size:25px;font-weight:300}.editor-screen,.text-screen{background:#f5f3ef}.imported-screen,.landing-screen{background:#f7f5f2}.landing-bar{background:#ffffffeb;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex}.landing-bar b{letter-spacing:-.03em;font-size:16px}.landing-bar span{color:#77716b;background:#ece9e4;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:750}.landing-hero{text-align:center;padding:60px 25px 34px}.landing-mark{color:#fff;background:#232220;border-radius:18px;place-items:center;width:56px;height:56px;margin:0 auto 20px;font-family:Georgia,serif;font-size:31px;display:grid;box-shadow:0 14px 35px #1c191629}.landing-hero h1{letter-spacing:-.055em;margin:0;font-size:28px;line-height:1.3}.landing-hero p{color:#817b75;margin:15px 0 0;font-size:12px;line-height:1.7}.landing-steps{gap:10px;margin:0;padding:0 22px;list-style:none;display:grid}.landing-steps li{background:#fff;border:1px solid #e3dfd9;border-radius:17px;align-items:center;gap:13px;min-height:78px;padding:14px 16px;display:flex;box-shadow:0 7px 22px #231d1809}.landing-steps li>span{color:#6f6962;background:#efede9;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:11px;font-weight:800;display:grid}.landing-steps b,.landing-steps small{display:block}.landing-steps b{font-size:13px}.landing-steps small{color:#99938c;margin-top:5px;font-size:10px;line-height:1.4}.landing-note{color:#aaa39c;text-align:center;margin:24px 0 0;font-size:9px}.received-wrap{text-align:center;padding:38px 22px 13px}.received-check{color:#22914b;background:#dff5e6;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 17px;font-size:21px;font-weight:800;display:grid}.received-wrap h1{letter-spacing:-.04em;margin:0;font-size:23px}.received-help{color:#85807a;max-width:310px;margin:8px auto 25px;font-size:11px;line-height:1.55}.received-wrap blockquote{letter-spacing:-.025em;text-align:left;background:#fff;border:1px solid #e3ded8;border-radius:18px;margin:0;padding:20px;font-size:15px;line-height:1.8;box-shadow:0 10px 30px #26201b0d}.received-source{text-align:left;background:#fff;border:1px solid #e5e0da;border-radius:15px;margin:14px 0 0;padding:13px 17px}.received-source div{grid-template-columns:43px 1fr;gap:7px;padding:5px 0;font-size:11px;display:grid}.received-source dt{color:#aaa39c}.received-source dd{color:#56514c;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.received-actions{gap:10px;padding:8px 22px 35px;display:grid}.received-actions button{color:#262320;text-align:left;background:#fff;border:1px solid #e0dcd6;border-radius:17px;min-height:76px;padding:14px 14px 14px 61px;position:relative;box-shadow:0 7px 22px #231d180a}.received-actions button>span{background:#efede9;border-radius:9px;place-items:center;width:30px;height:30px;font-family:Georgia,serif;font-size:18px;display:grid;position:absolute;top:18px;left:19px}.received-actions b,.received-actions small{display:block}.received-actions b{font-size:13px}.received-actions small{color:#99938c;margin-top:4px;font-size:10px}.editor-body{padding:18px 16px 122px}.share-card{aspect-ratio:4/5;color:#fff;background-position:50%;background-size:cover;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 45px #1e1a1629}.share-card.card-gradient{background:radial-gradient(at 75% 24%,#e1b876cc,#0000 35%),radial-gradient(at 18% 70%,#638880e0,#0000 42%),linear-gradient(145deg,#93897d,#46514f 52%,#202729)}.share-card:before{content:"";filter:blur(16px);opacity:.7;background:linear-gradient(110deg,#0000 23%,#ffffff29 25% 29%,#0000 31% 62%,#00000047 64% 71%,#0000 73%);position:absolute;inset:-12%}.share-card-shade{z-index:1;position:absolute;inset:0}.card-quote{z-index:2;letter-spacing:-.03em;white-space:pre-wrap;text-shadow:0 1px 8px #00000026;margin:0;line-height:1.65;position:absolute;top:14%;left:10.5%;right:10.5%}.card-quote.center{text-align:center}.card-source{z-index:2;position:absolute;bottom:8.5%;left:10.5%;right:10.5%}.card-source strong,.card-source span{display:block}.card-source strong{font-size:13px;font-weight:570;line-height:1.42}.card-source span{color:#ffffff94;margin-top:5px;font-size:11px}.edit-controls{background:#fff;border:1px solid #e6e2dd;border-radius:19px;margin-top:17px;padding:17px}.photo-button{background:#faf9f7;border:1px solid #ddd8d2;border-radius:12px;width:100%;height:42px;font-size:12px;font-weight:700}.photo-button span{margin-right:7px;font-size:16px}.file-input{display:none}.edit-controls label{margin-top:18px;display:block}.edit-controls label span{color:#68635e;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.edit-controls label b{color:#aaa39c}.edit-controls input[type=range]{accent-color:#272522;width:100%;margin-top:10px}.align-control{background:#f0ede9;border-radius:11px;margin-top:17px;padding:3px;display:flex}.align-control button{color:#817b75;background:0 0;border:0;border-radius:8px;width:50%;height:32px;font-size:11px}.align-control button.active{color:#262320;background:#fff;font-weight:700;box-shadow:0 2px 8px #00000012}.primary-bottom{z-index:8;right:16px;bottom:calc(15px + env(safe-area-inset-bottom));color:#fff;background:#1f1f1f;border:0;border-radius:16px;width:min(100% - 32px,448px);height:53px;margin:auto;font-size:14px;font-weight:750;position:fixed;left:16px;box-shadow:0 12px 35px #0003}.text-preview-wrap{padding:30px 20px 130px}.preview-label{color:#847f79;margin:0 3px 9px;font-size:11px;font-weight:700;display:block}.text-preview{letter-spacing:-.02em;white-space:pre-wrap;background:#fff;border:1px solid #e2ded8;border-radius:18px;min-height:285px;padding:22px 20px;font-size:15px;line-height:1.85;box-shadow:0 12px 35px #211c170d}.source-data{background:#fff;border:1px solid #e4e0da;border-radius:16px;margin-top:16px;padding:17px}.source-data>span{color:#8a857f;font-size:10px;font-weight:750}.source-data dl{margin:11px 0 0}.source-data dl div{grid-template-columns:42px 1fr;gap:7px;padding:5px 0;font-size:11px;display:grid}.source-data dt{color:#aaa49e}.source-data dd{color:#57524e;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.text-actions{z-index:8;width:min(100%,480px);padding:13px 16px calc(13px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-top:1px solid #e0dcd7;grid-template-columns:1fr 1.7fr;gap:9px;margin:auto;display:grid;position:fixed;bottom:0;left:0;right:0}.text-actions button{color:#45413d;background:#e9e6e2;border:0;border-radius:14px;height:49px;font-size:12px;font-weight:700}.text-actions button:last-child{color:#fff;background:#1f1f1f}.toast{z-index:50;color:#fff;white-space:nowrap;background:#191817eb;border-radius:999px;padding:11px 16px;font-size:11px;position:fixed;bottom:82px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0000002e}@keyframes sheetIn{0%{opacity:.65;transform:translateY(35px)}}@media (width>=700px){.mobile-app{border-radius:22px;min-height:calc(100dvh - 48px);margin-top:24px;margin-bottom:24px}.selection-dock,.primary-bottom,.text-actions{bottom:24px}.share-sheet{border-radius:27px;margin-bottom:24px}}