:root{--font-size-base: 16px;--width-content: 1024px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--content-min-height: calc(100vh - 110px - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px))}:root{--color-text: #2c3e50;--color-text-light: #666666;--color-heading: #1a1a1a;--color-background: #ffffff;--color-background-soft: #f8f9fa;--color-background-mute: #f2f2f2;--color-border: #dcdfe6;--color-primary: #3498db;--color-primary-dark: #2980b9;--color-danger: #e74c3c;--color-danger-dark: #c0392b;--section-gap: 160px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 12px rgba(0, 0, 0, .15);--transition-fast: .2s;--transition-normal: .3s}@media (prefers-color-scheme: dark){:root{--color-text: #f1f1f1;--color-text-light: #a0a0a0;--color-heading: #ffffff;--color-background: #1a1a1a;--color-background-soft: #242424;--color-background-mute: #2f2f2f;--color-border: #3f3f3f}}body{margin:0}a{text-decoration:none;color:#00bd7e;transition:--transition-fast}@media (hover: hover){a:hover{color:#008057}}@media (max-width: 768px){::-webkit-scrollbar{width:0;background:transparent}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}body{font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,.btn{min-height:44px;min-width:44px;border-radius:8px;font-weight:500}input,textarea,select{min-height:44px;font-size:16px;border-radius:8px;padding:12px 16px;border:1px solid var(--color-border);transition:border-color .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.card{border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px;margin-bottom:16px;background:var(--color-background)}.list-item{padding:16px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:12px;min-height:60px}.list-item:last-child{border-bottom:none}.page-container{padding:16px;min-height:var(--content-min-height);background:var(--color-background-soft)}.safe-area-top{padding-top:var(--safe-area-top, 0px)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom, 0px)}.safe-area-left{padding-left:var(--safe-area-left, 0px)}.safe-area-right{padding-right:var(--safe-area-right, 0px)}}@media (prefers-color-scheme: dark){.card{background:var(--color-background);border:1px solid var(--color-border)}input,textarea,select{background:var(--color-background);color:var(--color-text);border-color:var(--color-border)}input::placeholder,textarea::placeholder{color:var(--color-text-light)}}@media (max-width: 320px){.page-container{padding:12px}.card{padding:12px;margin-bottom:12px}.list-item{padding:12px;min-height:56px}}