{\rtf1\ansi\ansicpg1252\cocoartf2818
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
{\*\expandedcolortbl;;}
\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\partightenfactor0

\f0\fs24 \cf0 :root \{\
    --primary-color: #4a90e2;\
    --background-color: #f5f7fa;\
    --card-background: #ffffff;\
    --text-color: #333333;\
    --border-radius: 8px;\
\}\
\
* \{\
    margin: 0;\
    padding: 0;\
    box-sizing: border-box;\
\}\
\
body \{\
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\
    line-height: 1.6;\
    color: var(--text-color);\
    background: var(--background-color);\
\}\
\
.container \{\
    max-width: 1200px;\
    margin: 0 auto;\
    padding: 0 20px;\
\}\
\
.header \{\
    background: var(--primary-color);\
    color: white;\
    padding: 2rem 0;\
    margin-bottom: 2rem;\
    text-align: center;\
\}\
\
.bookmark-form \{\
    background: var(--card-background);\
    padding: 2rem;\
    border-radius: var(--border-radius);\
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\
    margin-bottom: 2rem;\
\}\
\
.form-group \{\
    margin-bottom: 1rem;\
\}\
\
.form-input \{\
    width: 100%;\
    padding: 0.75rem;\
    border: 1px solid #ddd;\
    border-radius: 4px;\
    font-size: 1rem;\
\}\
\
.button \{\
    background: var(--primary-color);\
    color: white;\
    padding: 0.75rem 1.5rem;\
    border: none;\
    border-radius: 4px;\
    cursor: pointer;\
    font-size: 1rem;\
    width: 100%;\
\}\
\
.button:hover \{\
    opacity: 0.9;\
\}\
\
.bookmarks-grid \{\
    display: grid;\
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\
    gap: 1.5rem;\
    padding: 1rem 0;\
\}\
\
.bookmark-card \{\
    background: var(--card-background);\
    border-radius: var(--border-radius);\
    padding: 1.5rem;\
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\
\}\
\
.bookmark-card h3 \{\
    margin-bottom: 0.5rem;\
    color: var(--primary-color);\
\}\
\
.bookmark-card .district \{\
    display: inline-block;\
    background: #e9ecef;\
    padding: 0.25rem 0.5rem;\
    border-radius: 4px;\
    font-size: 0.875rem;\
    margin-top: 0.5rem;\
\}\
\
.bookmark-card .link \{\
    display: inline-block;\
    margin-top: 1rem;\
    color: var(--primary-color);\
    text-decoration: none;\
\}\
\
.bookmark-card .link:hover \{\
    text-decoration: underline;\
\}}