*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0;padding:0}ul,ol{list-style:none}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}:root{--paper-white: #FAFAFA;--ink-black: #2C2C2C;--pencil-gray: #888888;--line-gray: #EAEAEA;--pure-black: #000000;--bg-color: #FAFAFA;--text-main: #2C2C2C}[data-atmosphere=dawn]{--bg-color: #F4F6F8}[data-atmosphere=day]{--bg-color: #FAFAFA}[data-atmosphere=dusk]{--bg-color: #FDFcf8}[data-atmosphere=night],body.sleep-mode{--bg-color: #1a1a1a;--text-main: #e0e0e0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.8;color:var(--text-main);background-color:var(--bg-color);letter-spacing:.02em;transition:background-color 2s ease,color 1s ease;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.4'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;z-index:9999;mix-blend-mode:multiply}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.5;letter-spacing:.03em}h1{font-size:1.8rem;margin-bottom:.5em}h2{font-size:1.4rem;margin-bottom:.5em}h3{font-size:1.2rem;margin-bottom:.4em}h4{font-size:1.1rem;margin-bottom:.4em}p{margin-bottom:1em}.container{max-width:1200px;margin:0 auto;padding:40px 24px}.container-narrow{max-width:720px;margin:0 auto;padding:40px 24px}.text-secondary{color:var(--pencil-gray)}.mt-1{margin-top:12px}.mt-2{margin-top:24px}.mt-3{margin-top:36px}.mt-4{margin-top:48px}.mb-1{margin-bottom:12px}.mb-2{margin-bottom:24px}.mb-3{margin-bottom:36px}.mb-4{margin-bottom:48px}.p-1{padding:12px}.p-2{padding:24px}.p-3{padding:36px}.p-4{padding:48px}a{color:var(--ink-black);text-decoration:none;transition:color .2s ease}a:hover{color:var(--pure-black)}::selection{background-color:var(--line-gray);color:var(--ink-black)}.card{background:transparent;border:1px solid var(--line-gray);border-radius:0;padding:24px;margin-bottom:24px;transition:border-color .2s ease}.card:hover{border-color:var(--pencil-gray)}.card-large{padding:36px}.card-small{padding:16px}.card-borderless{border:none;padding:20px 0;border-bottom:1px solid var(--line-gray)}.card-borderless:last-child{border-bottom:none}.btn{display:inline-block;padding:8px 0;font-size:15px;font-weight:400;text-align:center;text-decoration:none;color:var(--ink-black);background:transparent;border:none;border-bottom:1px solid var(--line-gray);cursor:pointer;transition:all .2s ease;outline:none;letter-spacing:.05em}.btn:hover{color:var(--pure-black);border-bottom-color:var(--pure-black)}.btn:active{opacity:.7}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-outline{padding:10px 20px;border:1px solid var(--line-gray);border-radius:0}.btn-outline:hover{border-color:var(--ink-black)}.btn-small{padding:4px 0;font-size:13px}.btn-large{padding:12px 0;font-size:17px}.btn-block{display:block;width:100%;text-align:center}.input{width:100%;padding:12px 0;font-size:16px;color:var(--ink-black);background:transparent;border:none;outline:none;transition:all .3s ease;letter-spacing:.02em}.input::placeholder{color:#ddd;opacity:1}.input:focus{background:#fcfcfc;border-radius:8px;padding:12px}.input-large{font-size:18px;padding:16px 0}.input-large:focus{padding:16px 12px}textarea.input{resize:vertical;min-height:100px;padding:12px 0;line-height:1.8}textarea.input:focus{padding:12px}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888888' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;padding-right:20px}.tag{display:inline-block;padding:4px 12px;font-size:13px;color:var(--pencil-gray);background:transparent;border:1px solid var(--line-gray);border-radius:0;margin-right:8px;margin-bottom:8px;transition:all .2s ease;letter-spacing:.03em}.tag:hover{color:var(--ink-black);border-color:var(--ink-black)}.tag.active{color:var(--paper-white);background:var(--ink-black);border-color:var(--ink-black)}.tag-small{padding:2px 8px;font-size:12px}.form-group{margin-bottom:28px}.form-label{display:block;margin-bottom:8px;font-size:13px;color:var(--pencil-gray);letter-spacing:.05em}.divider{height:1px;background:var(--line-gray);margin:36px 0;border:none}.list-item{padding:16px 0;border-bottom:1px solid var(--line-gray);transition:padding .2s ease}.list-item:last-child{border-bottom:none}.list-item:hover{padding-left:12px}.badge{display:inline-block;min-width:20px;padding:2px 6px;font-size:11px;font-weight:400;text-align:center;color:var(--pencil-gray);background:transparent;border:1px solid var(--line-gray);border-radius:0}.empty-state{text-align:center;padding:60px 24px;color:var(--pencil-gray)}.empty-state-icon{font-size:36px;margin-bottom:16px;opacity:.3;font-weight:300}.card+.card{margin-top:32px}.btn+.btn{margin-left:20px}:focus-visible{outline:1px solid var(--ink-black);outline-offset:2px}button:hover,a:hover{transition:all .15s ease}.btn-edit-save{width:40px;height:40px;border-radius:50%;background-color:#2c2c2c!important;color:#fff!important;border:none;display:flex;justify-content:center;align-items:center;padding:0;cursor:pointer;box-shadow:0 4px 12px #2c2c2c33;transition:transform .2s ease,background-color .2s}.btn-edit-save svg{stroke:currentColor;width:20px;height:20px}.btn-edit-save:hover{background-color:#000!important;transform:scale(1.05)}