.app-header{background-color:var(--color-accent);color:var(--color-on-accent);text-align:left;justify-content:space-between;align-items:center;padding:10px 40px;display:flex}.home-link{color:inherit;text-decoration:none}.header-actions{align-items:center;gap:4px;display:flex}.dropdown{position:relative}.theme-toggle,.dropdown-button{background-color:var(--color-accent);color:var(--color-on-accent);cursor:pointer;border:none;padding:10px;font-size:1.25em}.dropdown-menu{background-color:var(--color-surface);box-shadow:0px 8px 16px 0px var(--shadow-color-strong);z-index:1000;display:block;position:absolute;right:0}.dropdown-menu li{z-index:1000;list-style:none}.dropdown-menu li a{color:var(--color-text-strong);padding:12px 16px;text-decoration:none;display:block}.dropdown-menu li a:hover{background-color:var(--color-surface-hover)}.app-header h1{overflow-wrap:anywhere;min-width:0;font-size:1.6rem}.header-actions{flex-shrink:0}@media (width<=900px){.app-header{gap:8px;padding:8px 12px}.app-header h1{font-size:1.25rem}}.app-footer{background-color:var(--color-bg-page);text-align:center;width:100%;box-shadow:0 -2px 5px var(--shadow-color-strong);z-index:1000;flex-shrink:0;padding:5px 0}.app-footer nav ul{justify-content:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.app-footer nav ul li{display:inline}.app-footer nav ul li a{color:var(--color-text-strong);padding:5px 10px;text-decoration:none;transition:background-color .3s}.app-footer nav ul li a:hover{background-color:var(--color-surface-hover)}.app-footer nav ul li:not(:last-child):after{content:"|";color:var(--color-text-subtle);margin-left:10px;padding-right:10px}.story-list{background-color:var(--color-bg);width:100%;padding:20px;overflow-y:auto}.story-list ol{margin-bottom:10px;padding-left:20px;font-size:18px;list-style-type:decimal}.story-list ul{padding:0;list-style-type:none}.story-list li.selected{background-color:var(--color-link);color:var(--color-on-accent)}.story-title{width:100%;color:inherit;text-align:left;white-space:normal;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:18px;font-weight:700;display:block}.story-title:hover{text-decoration:underline}.story-meta{color:var(--color-text-muted);font-size:14px;line-height:1.1}.story-meta a{color:var(--color-text-muted);text-decoration:none}.story-meta a:hover{text-decoration:underline}.pagination{justify-content:left;align-items:center;margin-top:20px;font-family:Arial,sans-serif;display:flex}.page-item{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:4px;margin:0 5px;padding:8px 14px;transition:background-color .3s,color .3s}.page-item:hover{background-color:var(--color-surface-hover);color:var(--color-text-strong)}.page-item.active{background-color:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.ellipsis{color:var(--color-text-subtle);margin:0 5px;padding:8px 14px}.page-item:disabled{cursor:not-allowed;opacity:.5}.page-item:disabled:hover{background-color:var(--color-surface);color:var(--color-text)}.pagination .page-item:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination .page-item:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.spinner{width:var(--spinner-size,24px);height:var(--spinner-size,24px);border:3px solid color-mix(in srgb, var(--color-accent) 25%, transparent);border-top-color:var(--color-accent);border-radius:50%;flex-shrink:0;animation:.8s linear infinite spinner-rotate;display:inline-block}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{border-top-color:var(--color-accent);border-right-color:var(--color-accent);animation:none}}.story-list ul{margin:0;padding:0;list-style-type:none}.story-list li{cursor:pointer;word-break:break-word;padding:10px}.story-list li:hover{background-color:var(--color-surface-hover)}.news-topics{margin-bottom:20px}.news-topics h3{margin-bottom:10px}.news-topics ul{padding-left:20px;list-style-type:disc}.user-perspectives{margin-top:20px}.perspective-item{word-wrap:break-word;max-width:85%;box-shadow:0 2px 4px var(--shadow-color);border-radius:15px;margin-top:-1px;margin-bottom:4px;padding:12px 16px;font-size:.95rem;line-height:1.4;position:relative}.perspective-item.left{background-color:var(--color-bubble-left);color:var(--color-bubble-left-text);text-shadow:0 1px 1px var(--shadow-color);border-radius:15px 15px 15px 4px;align-self:flex-start}.perspective-item.right{background-color:var(--color-bubble-right);background-image:linear-gradient(to bottom, var(--color-bubble-right-top), var(--color-bubble-right-bottom));color:var(--color-bubble-right-text);text-shadow:0 1px 1px var(--shadow-color);word-break:break-word;width:fit-content;min-width:40%;max-width:78%;box-shadow:0 2px 4px var(--shadow-color);border-radius:15px 15px 4px;margin-left:auto;margin-right:8px}.perspective-item.left:after{content:"";border:7px solid #0000;border-right-color:var(--color-bubble-left);border-bottom:0;border-left:0;width:0;height:0;position:absolute;bottom:4px;left:-5px}.perspective-item.right:after{content:"";border:7px solid #0000;border-left-color:var(--color-bubble-right-bottom);border-bottom:0;border-right:0;width:0;height:0;position:absolute;bottom:4px;right:-5px}.perspective-container{flex-direction:column;margin:4px 0;display:flex}.perspective-username{color:var(--color-text-muted);max-width:78%;margin:0 8px 1px;font-size:.8rem;display:block;position:relative;top:-1px}.perspective-container.left .perspective-username{text-align:left;align-self:flex-start}.perspective-container.right .perspective-username{text-align:right;align-self:flex-end}.segment-line{background:var(--gradient-segment);border:none;height:2px;margin:20px 0}.story-detail-header{align-items:baseline;display:flex}.story-detail-header-title{margin-right:.5em;font-size:24px;font-weight:700}.story-detail-header-url{color:var(--color-text-muted);margin-left:.5em;font-size:16px}@media (width<=900px){.story-detail-header-title{font-size:1.4rem}.story-detail-header-url{font-size:.8rem}}.user-perspectives{text-align:center;margin-top:20px}.story-highlights{text-align:left;margin-top:20px}@media (width>=901px){.highlight-item{border:1px solid var(--color-border);background-color:var(--color-surface-alt);flex-direction:row;align-items:center;gap:20px;margin-bottom:5px;padding:10px;display:flex;position:relative}.highlight-theme{text-align:left;flex:0 0 25%;align-items:center;font-weight:700;display:flex;position:relative}.highlight-theme:after{content:"";background-color:var(--color-border);z-index:1;width:2px;height:80%;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.highlight-details{flex:1}.highlight-details ul{text-align:justify;-webkit-hyphens:auto;hyphens:auto;padding-left:20px;line-height:1.6;list-style-type:disc}}@media (width<=900px){.highlight-item{background-color:var(--color-surface-alt);flex-direction:column;align-items:center;gap:20px;margin-bottom:10px;padding:10px;display:flex;position:relative}.highlight-theme{text-align:center;font-weight:700;display:flex;position:relative}.highlight-details{text-align:justify;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%;line-height:1.6}.highlight-details ul{padding-left:4px;list-style-position:inside}.highlight-details li{word-break:break-word;margin-left:0}}.tldr-content{text-align:justify;-webkit-hyphens:auto;hyphens:auto;width:95%;margin:0 auto;padding-top:10px;padding-left:10px}.about-content{max-width:auto;text-align:left;background-color:var(--color-surface-alt);margin:0 auto;padding:40px}.about-content h2{color:var(--color-text);margin-bottom:20px;font-size:2em}.about-content p{color:var(--color-text-muted);margin-bottom:20px;font-size:1.2em;line-height:1.6}.about-content p:last-child{margin-bottom:0}.acknowledgement-content{max-width:auto;text-align:left;background-color:var(--color-surface-alt);margin:0 auto;padding:40px}.acknowledgement-content h2{color:var(--color-text);margin-bottom:20px;font-size:2em}.acknowledgement-content p{color:var(--color-text-muted);margin-bottom:20px;font-size:1.2em;line-height:1.6}.acknowledgement-content p a{color:var(--color-link);text-decoration:none}.acknowledgement-content p a:hover{text-decoration:underline}.back-link{color:var(--color-link);margin-top:20px;font-size:1.1em;text-decoration:none;transition:color .3s;display:inline-block}.back-link:hover{color:var(--color-link-hover)}.contact-container{max-width:600px;box-shadow:0 2px 4px var(--shadow-color);background:linear-gradient(145deg, var(--color-surface), var(--color-surface-alt));border-radius:8px;flex-direction:column;flex-grow:1;justify-content:center;min-height:calc(100vh - 200px);margin:40px auto;padding:30px;display:flex}.contact-container h2{color:var(--color-heading);text-align:center;border-bottom:3px solid var(--color-accent);margin-bottom:30px;padding-bottom:10px;font-size:2.2rem;display:inline-block}.contact-form{flex-direction:column;gap:20px;min-height:auto;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-text);align-items:center;gap:8px;font-weight:700;display:flex}.form-group input,.form-group textarea{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:4px;padding:10px 10px 10px 35px;font-size:16px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 8px color-mix(in srgb, var(--color-link) 25%, transparent);outline:none}.form-group label svg{width:20px;height:20px;fill:var(--color-accent)}.form-group{position:relative}.form-group svg{width:18px;height:18px;fill:var(--color-text-muted);position:absolute;top:44px;left:10px}.submit-button{background-color:var(--color-accent);color:var(--color-on-accent);cursor:pointer;letter-spacing:.5px;text-transform:uppercase;border:none;border-radius:4px;margin-top:15px;padding:12px 20px;font-size:16px;font-weight:600;transition:all .3s;transform:translateY(0)}.submit-button:hover{box-shadow:0 5px 15px color-mix(in srgb, var(--color-link-hover) 30%, transparent);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-message{background:var(--color-success-soft);text-align:center;border:1px solid var(--color-success-border);border-radius:8px;padding:20px}.return-home{text-align:center;margin-top:20px}.return-home a{color:var(--color-accent);font-weight:500;text-decoration:none;transition:color .3s}.return-home a:hover{text-decoration:underline}.success-icon{color:var(--color-success)}.content{background-color:var(--color-bg);width:100%;height:calc(100vh - 20px);display:flex;position:relative}.story-list{padding:var(--story-list-padding,20px);text-overflow:ellipsis;background-color:var(--color-bg);flex-shrink:0;height:100%;transition:width .3s,padding .3s;overflow:auto}.divider{background-color:var(--color-border-strong);cursor:ew-resize;z-index:1;width:5px;position:absolute;top:0;bottom:0}.divider:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;background-color:var(--color-focus)}.app{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.content.story-selected .story-list,.content.story-selected .story-detail{transition:width .3s}.button-area{background-color:var(--color-surface-alt);border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;padding:10px;display:flex;position:sticky;top:0}.action-buttons{flex-wrap:wrap;justify-content:center;gap:10px;width:calc(100% - 50px);display:flex}.read-story-button,.read-comments-button{background-color:var(--color-link);color:var(--color-on-accent);text-align:center;cursor:pointer;box-sizing:border-box;border:none;border-radius:10px;flex:45%;max-width:200px;padding:10px 20px;font-size:16px;text-decoration:none;transition:background-color .3s;display:inline-block}.read-story-button:hover,.read-comments-button:hover{background-color:var(--color-link-hover)}.close-button{background-color:var(--color-danger);color:var(--color-on-accent);text-align:center;cursor:pointer;border:none;border-radius:50%;padding:10px 15px;font-size:16px;text-decoration:none;transition:background-color .3s;display:inline-block;position:absolute;top:10px;right:10px}.close-button:hover{background-color:var(--color-danger-hover)}.close-button:hover .slide-text{visibility:visible;opacity:1;transform:translate(0)}.slide-text{visibility:hidden;opacity:0;background-color:var(--color-tooltip-bg);color:var(--color-tooltip-text);white-space:nowrap;border-radius:4px;padding:5px 10px;transition:opacity .3s,transform .3s;position:absolute;top:50%;right:100%;transform:translate(100%)translateY(-50%)}.story-detail{background-color:var(--color-surface);flex-shrink:0;height:100%;padding:20px;transition:width .3s;position:relative;overflow:auto}.story-detail:focus{outline:none}.section-header{background-color:var(--color-accent-soft);text-align:left;border-radius:0;margin-bottom:0;padding-left:10px;font-size:1.2em;font-weight:700}.loading-container{align-items:left;color:var(--color-accent);flex-direction:row;gap:10px;margin-top:20px;padding:10px;font-size:16px;display:flex}.list-status{color:var(--color-text-muted);align-items:center;gap:10px;padding:20px;display:flex}.section-empty{color:var(--color-text-muted);padding:10px}.link-button{font:inherit;color:var(--color-link);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.list-status button{border:1px solid var(--color-text-muted);cursor:pointer;font:inherit;color:inherit;background:0 0;border-radius:4px;padding:4px 10px}.share-button{cursor:pointer;color:var(--color-link);background:0 0;border:none;border-radius:50%;place-items:center;padding:8px;transition:all .2s;display:grid;position:relative}.share-button:hover{background:color-mix(in srgb, var(--color-link) 10%, transparent);transform:scale(1.1)}.copy-tooltip{background:var(--color-tooltip-bg);color:var(--color-tooltip-text);white-space:nowrap;border-radius:4px;margin-left:8px;padding:4px 8px;font-size:12px;animation:2s forwards fadeInOut;position:absolute;top:50%;left:100%;transform:translateY(-50%)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-10px)translateY(-50%)}10%{opacity:1;transform:translate(0)translateY(-50%)}90%{opacity:1;transform:translate(0)translateY(-50%)}to{opacity:0;transform:translate(-10px)translateY(-50%)}}.share-link{background:var(--color-surface);box-shadow:0 2px 4px var(--shadow-color);white-space:nowrap;opacity:0;border-radius:4px;padding:4px 8px;transition:opacity .2s;position:absolute;left:120%}.share-button:hover .share-link{opacity:1}.login-container{background-color:var(--color-bg-page);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.login-button{background-color:var(--color-surface-hover);width:100%;max-width:300px;min-height:50px;margin-top:20px}.loading{color:var(--color-text-muted);font-size:18px}.error-message{color:var(--color-danger);margin-top:20px}:root{--color-accent:#f60;--color-accent-soft:#ff66004d;--color-on-accent:#fff;--color-bg:#f6f6ef;--color-bg-page:#f4f4f4;--color-surface:#fff;--color-surface-alt:#f9f9f9;--color-surface-hover:#f0f0f0;--color-text:#333;--color-text-strong:#000;--color-text-muted:#595959;--color-text-subtle:#888;--color-heading:#2c3e50;--color-border:#ddd;--color-border-strong:#ccc;--shadow-color:#0000001a;--shadow-color-strong:#0003;--color-link:#007bff;--color-link-hover:#0056b3;--color-focus:#1a73e8;--color-danger:#d32f2f;--color-danger-hover:#b71c1c;--color-success:#28a745;--color-success-soft:#d4edda;--color-success-border:#c3e6cb;--color-bubble-left:#dedede;--color-bubble-left-text:#000;--color-bubble-right:#2b8cee;--color-bubble-right-top:#4299f0;--color-bubble-right-bottom:#1380ec;--color-bubble-right-text:#fff;--gradient-segment:linear-gradient(to right, #ff7e5f, #feb47b);--color-graph-bg:#eee;--color-graph-link:#333;--color-tooltip-bg:#333;--color-tooltip-text:#fff;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-accent:#ff7a1f;--color-accent-soft:#ff7a1f47;--color-on-accent:#1a1207;--color-bg:#1f1e1a;--color-bg-page:#161512;--color-surface:#26251f;--color-surface-alt:#2d2c25;--color-surface-hover:#37352c;--color-text:#ebe8e1;--color-text-strong:#fff;--color-text-muted:#b6b1a6;--color-text-subtle:#8f8a80;--color-heading:#ece7dc;--color-border:#3d3b33;--color-border-strong:#4d4a40;--shadow-color:#00000073;--shadow-color-strong:#0009;--color-link:#7ab8ff;--color-link-hover:#a3ccff;--color-focus:#8ab4f8;--color-danger:#ef5350;--color-danger-hover:#f6685e;--color-success:#5fc46a;--color-success-soft:#1f3a26;--color-success-border:#2e5a37;--color-bubble-left:#3a3831;--color-bubble-left-text:#ebe8e1;--color-bubble-right:#2b6bab;--color-bubble-right-top:#3078c0;--color-bubble-right-bottom:#265e97;--color-bubble-right-text:#fff;--color-graph-bg:#26251f;--color-graph-link:#cfcabf;--color-tooltip-bg:#ebe8e1;--color-tooltip-text:#1f1e1a}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-accent:#ff7a1f;--color-accent-soft:#ff7a1f47;--color-on-accent:#1a1207;--color-bg:#1f1e1a;--color-bg-page:#161512;--color-surface:#26251f;--color-surface-alt:#2d2c25;--color-surface-hover:#37352c;--color-text:#ebe8e1;--color-text-strong:#fff;--color-text-muted:#b6b1a6;--color-text-subtle:#8f8a80;--color-heading:#ece7dc;--color-border:#3d3b33;--color-border-strong:#4d4a40;--shadow-color:#00000073;--shadow-color-strong:#0009;--color-link:#7ab8ff;--color-link-hover:#a3ccff;--color-focus:#8ab4f8;--color-danger:#ef5350;--color-danger-hover:#f6685e;--color-success:#5fc46a;--color-success-soft:#1f3a26;--color-success-border:#2e5a37;--color-bubble-left:#3a3831;--color-bubble-left-text:#ebe8e1;--color-bubble-right:#2b6bab;--color-bubble-right-top:#3078c0;--color-bubble-right-bottom:#265e97;--color-bubble-right-text:#fff;--color-graph-bg:#26251f;--color-graph-link:#cfcabf;--color-tooltip-bg:#ebe8e1;--color-tooltip-text:#1f1e1a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Arial,Helvetica,sans-serif}body{background-color:var(--color-bg-page);color:var(--color-text);line-height:1.6}.story-detail{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:5px;margin-bottom:20px;padding:10px}.news-topics,.user-perspectives{text-align:left;margin-top:10px}.news-topics h3,.user-perspectives h3{margin-bottom:10px;font-size:1.2em}.news-topics ul{margin-left:20px;list-style-type:disc}.user-perspectives div{margin-bottom:10px}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 4px var(--color-surface)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}