*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5;margin:0;min-height:100vh;min-height:-webkit-fill-available;overflow:hidden}html{height:-webkit-fill-available}button,input,select,textarea{transition:all .2s cubic-bezier(.4,0,.2,1)}code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Consolas,monospace}:root{--apple-bg:#f5f5f7;--apple-surface:#fff;--apple-bg-secondary:#f9f9fb;--apple-border:#d2d2d7;--apple-border-light:#0000000d;--apple-text:#1d1d1f;--apple-text-secondary:#6e6e73;--apple-text-tertiary:#a1a1a6;--apple-blue:#007aff;--apple-blue-light:#0a84ff;--apple-pink:#ff2d55;--apple-purple:#af52de;--apple-red:#ff3b30;--apple-green:#34c759;--apple-shadow-sm:0 1px 3px #0000001f;--apple-shadow-md:0 2px 8px #00000026;--apple-shadow-lg:0 4px 16px #0000002e;--apple-hover:#0000000a;--apple-hover-strong:#0000000f;--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1)}.app-wrapper{background:linear-gradient(180deg,#f5f5f7,#e8e8ed);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;height:100vh;overflow:hidden}.app{background:#0000;flex:1 1;flex-direction:row;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.app,.editor-area{display:flex;overflow:hidden;position:relative}.editor-area{background:#fff;background:var(--apple-surface);flex:1 1;flex-direction:column;min-width:0;z-index:1}.version-history-panel{animation:slideInRight .35s cubic-bezier(.4,0,.2,1);animation:slideInRight .35s var(--ease-smooth);background:linear-gradient(135deg,#f9f9fbfa,#f0f0f5f2);box-shadow:-4px 0 20px #00000014}.comments-panel-wrapper,.version-history-panel{border-left:1px solid #0000000d;border-left:1px solid var(--apple-border-light)}.comments-panel-wrapper{animation:slideIn .35s cubic-bezier(.4,0,.2,1);animation:slideIn .35s var(--ease-smooth);background:linear-gradient(135deg,#fffffffc,#fafafcf7);bottom:0;box-shadow:-4px 0 28px #0000001f;position:absolute;right:0;top:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.version-history-panel::-webkit-scrollbar{width:6px}.version-history-panel::-webkit-scrollbar-track{background:#0000}.version-history-panel::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.version-history-panel::-webkit-scrollbar-thumb:hover{background:#007aff80}.no-doc{align-items:center;color:#6e6e73;color:var(--apple-text-secondary);display:flex;font-size:18px;font-weight:500;height:100%;justify-content:center}@media (max-width:768px){.app{flex-direction:column}.editor-area{flex:1 1;min-height:0}.comments-panel-wrapper,.version-history-panel{animation:slideUp .3s cubic-bezier(.4,0,.2,1);animation:slideUp .3s var(--ease-smooth);border-left:none;border-radius:0;border-top:1px solid #0000000d;border-top:1px solid var(--apple-border-light);bottom:0;height:100vh;left:0;max-height:none;position:fixed;right:0;width:100%;z-index:100}}@media (max-width:480px){.app-wrapper{height:100vh}.version-history-panel{bottom:0;height:100vh;max-height:none}.comments-panel-wrapper{height:55vh;max-height:400px}.no-doc{font-size:16px}}@media (max-width:640px){a,button{min-height:44px;min-width:44px}}.document-list{display:flex;flex-direction:column;gap:8px;padding:0 4px}.empty-state{color:var(--apple-text-secondary);font-size:14px;font-weight:400;line-height:1.6;padding:48px 24px;text-align:center}.doc-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.doc-item:hover{background:#007aff14;border-color:#007aff26}.doc-item.active{background:#007aff1f;border:1px solid #007aff4d;box-shadow:0 2px 6px #007aff26}.doc-info{flex:1 1;min-width:0;overflow:hidden}.doc-item h3{color:var(--apple-text);font-size:15px;font-weight:600;letter-spacing:.2px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-item p{color:var(--apple-text-secondary);font-size:12px;font-weight:400;margin:0}.doc-actions{display:flex;gap:4px;margin-left:8px;opacity:0;transition:opacity .2s}.doc-item:hover .doc-actions{opacity:1}.action-btn{align-items:center;background:#0000000a;border:1px solid #00000014;border-radius:6px;cursor:pointer;display:flex;font-size:15px;justify-content:center;line-height:1;padding:6px 8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.duplicate-btn{color:var(--apple-blue)}.duplicate-btn:hover{background:#007aff26;border-color:#007aff4d;transform:scale(1.1)}.delete-btn{color:var(--apple-pink)}.delete-btn:hover{background:#ff2d5526;border-color:#ff2d554d;transform:scale(1.1)}.editor-container{background:#f0f0f5;display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-toolbar{align-items:center;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(180deg,#fffffffa,#fafafcf2);border-bottom:1px solid #0000000d;box-shadow:0 1px 4px #0000000f;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;padding:16px 24px;position:relative;z-index:2}.editor-toolbar:after{background:#0000;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.toolbar-group{align-items:center;background:#00000005;border:1px solid #0000000f;border-radius:12px;display:flex;gap:8px;padding:6px 12px}.toolbar-divider{background:#00000026;height:24px;margin:0 4px;width:1px}.toolbar-label{color:var(--apple-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin-right:2px;text-transform:uppercase;white-space:nowrap}.color-picker{background:#0000;border:1.5px solid #0000001a;border-radius:12px;box-shadow:0 2px 8px #0000001a,inset 0 0 0 2px #fffc;cursor:pointer;height:44px;transition:all .2s cubic-bezier(.4,0,.2,1);width:44px}.color-picker:hover{border-color:var(--apple-blue);box-shadow:0 4px 12px #007aff40,inset 0 0 0 1px #ffffffe6;transform:translateY(-2px)}.toolbar-btn{align-items:center;background:#fff;border:1px solid #00000014;border-radius:8px;box-shadow:0 1px 2px #0000000a;color:var(--apple-text);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.toolbar-btn:hover:not(:disabled){background:linear-gradient(135deg,#007aff14,#007aff0a);border-color:#007aff40;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.toolbar-btn:hover{background:#007aff0f;border-color:#007aff33;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.toolbar-btn:active{background:#007aff1f;transform:translateY(0)}.toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.toolbar-btn:disabled:hover{background:#fff;transform:none}.toolbar-btn.active{background:var(--apple-blue);border-color:var(--apple-blue);box-shadow:0 2px 8px #007aff4d;color:#fff}.toolbar-btn.active:hover{background:#0051d5}.toolbar-select{background:#0000;border:none;border-radius:6px;color:var(--apple-text);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:13px;font-weight:500;min-width:70px;padding:6px 10px;transition:all .15s cubic-bezier(.4,0,.2,1)}.toolbar-select:hover{background:#0000000f}.toolbar-select option{background:#fff;color:var(--apple-text);padding:8px}.clear-btn,.clear-btn:hover{color:var(--apple-pink)}.clear-btn:hover{background:#ff2d551a}.editor-content{word-wrap:break-word;background:#fff;border:none;color:var(--apple-text);flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:16px;line-height:1.6;outline:none;overflow-x:hidden;overflow-y:auto;padding:40px;white-space:pre-wrap}.editor-content:focus{box-shadow:inset 0 0 0 2px #007aff1a}.drawing-canvas{background:#fff;background-image:linear-gradient(rgba(0,0,0,.015) 1px,#0000 0),linear-gradient(90deg,rgba(0,0,0,.015) 1px,#0000 0);background-size:20px 20px;border-radius:4px;box-shadow:0 2px 8px #00000014,0 8px 24px #0000000f,0 0 0 1px #0000000a;cursor:crosshair;display:block;height:calc(100% - 80px);margin:40px auto;max-width:1200px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:calc(100% - 80px);z-index:1}.editor-footer{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f9f9f9f2;border-top:1px solid #00000014;box-shadow:0 -1px 3px #0000000a;color:var(--apple-text-secondary);display:flex;font-size:12px;justify-content:space-between;padding:12px 32px}.word-count{color:var(--apple-blue);font-weight:600}@media (max-width:768px){.editor-container{display:flex;flex-direction:column}.editor-toolbar{flex-wrap:wrap;gap:6px;padding:10px 12px}.toolbar-btn{font-size:12px;padding:6px 10px}.toolbar-group{gap:4px;padding:4px 8px}.toolbar-label{font-size:10px}.color-picker{height:36px;width:36px}.toolbar-select{font-size:12px;min-width:60px;padding:6px 10px}.toolbar-divider{height:20px}.drawing-canvas{height:calc(100% - 40px);margin:20px auto;width:calc(100% - 40px)}}@media (max-width:480px){.editor-toolbar{gap:4px;padding:8px 10px}.toolbar-btn{border-radius:6px;font-size:11px;padding:5px 8px}.toolbar-btn span:last-child{display:none}.color-picker{border-width:1px;height:32px;width:32px}.toolbar-select{font-size:11px;min-width:50px;padding:5px 8px}.toolbar-divider{display:none}.toolbar-group{gap:3px;padding:3px 6px}.toolbar-label{display:none}.drawing-canvas{height:calc(100% - 30px);margin:15px auto;width:calc(100% - 30px)}}.share-modal-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.share-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:90%}.share-modal-header{align-items:center;background:#f9f9f9f2;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:20px 24px}.share-modal-header h2{color:var(--apple-text);font-size:18px;font-weight:600;margin:0}.share-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--apple-text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.share-modal-close:hover{background:#0000000d;color:var(--apple-text)}.share-modal-content{padding:24px}.share-description{color:var(--apple-text-secondary);font-size:14px;font-weight:500;margin:0 0 16px}.share-link-container{display:flex;gap:8px;margin-bottom:24px}.share-link-input{background:#0000000a;border:1px solid #0000001a;border-radius:8px;color:var(--apple-text);flex:1 1;font-size:13px;font-weight:500;outline:none;padding:10px 14px;transition:all .2s ease;word-break:break-all}.share-link-input:focus{background:#007aff0d;border-color:var(--apple-blue);box-shadow:0 0 0 3px #007aff1a}.share-copy-btn{background:var(--apple-blue);border:none;border-radius:8px;box-shadow:0 2px 8px #007aff33;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.share-copy-btn:hover{background:#0051d5;box-shadow:0 4px 12px #007aff4d;transform:scale(1.02)}.share-copy-btn.copied{background:#34c759;box-shadow:0 2px 8px #34c7594d}.share-copy-btn.error{background:#ff3b30;box-shadow:0 2px 8px #ff3b304d}.share-methods{background:#00000005;border-radius:12px;margin-bottom:20px;padding:16px}.share-methods h3{color:var(--apple-text);font-size:13px;font-weight:600;margin:0 0 12px}.share-buttons{display:flex;flex-wrap:wrap;gap:8px}.share-social-btn{align-items:center;background:#0000000d;border:1px solid #0000001a;border-radius:8px;color:var(--apple-text);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;text-decoration:none;transition:all .2s ease;width:44px}.share-social-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.share-social-btn.twitter{background:#1da1f21a;border-color:#1da1f24d;color:#1da1f2}.share-social-btn.twitter:hover{background:#1da1f2;border-color:#1da1f2;color:#fff}.share-social-btn.facebook{background:#1877f21a;border-color:#1877f24d;color:#1877f2}.share-social-btn.facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.share-social-btn.email{background:#ea43351a;border-color:#ea43354d;color:#ea4335}.share-social-btn.email:hover{background:#ea4335;border-color:#ea4335;color:#fff}.share-info{background:#007aff14;border-left:3px solid var(--apple-blue);border-radius:6px;padding:12px 16px}.share-info p{color:var(--apple-text);font-size:13px;font-weight:500;margin:0}@media (max-width:480px){.share-modal{width:95%}.share-modal-header{padding:16px}.share-modal-header h2{font-size:16px}.share-modal-content{padding:16px}.share-link-container{flex-direction:column}.share-copy-btn{width:100%}.share-methods{padding:12px}.share-buttons{gap:6px}.share-social-btn{font-size:16px;height:40px;width:40px}}.version-history{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f9f9f9f2;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px 20px}.history-header{align-items:center;border-bottom:1px solid #00000014;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.history-header h3{color:var(--apple-text);font-size:17px;font-weight:600;letter-spacing:.3px;margin:0}.history-actions{align-items:center;display:flex;gap:8px}.history-refresh-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--apple-text-secondary);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;padding:0;transition:all .15s;width:28px}.history-refresh-btn:hover:not(:disabled){background:#0000000f;color:var(--apple-text)}.history-refresh-btn:disabled{cursor:not-allowed;opacity:.4}.history-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--apple-text-secondary);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;padding:0;transition:all .15s;width:28px}.history-close-btn:hover{background:#0000000f;color:var(--apple-text)}.history-timeline{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0}.history-empty{color:var(--apple-text-secondary);font-size:14px;font-weight:400;margin-top:24px;padding:32px 16px;text-align:center}.history-event{background:#fff;border-left:3px solid var(--apple-blue);border-radius:10px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.history-event:hover{background:#007aff0d;border-left-color:var(--apple-purple);box-shadow:0 2px 8px #00000014;transform:translateX(2px)}.event-marker{align-items:center;display:flex;flex-shrink:0;justify-content:center}.event-icon{display:inline-block;font-size:16px}.event-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.event-description{color:var(--apple-text);font-size:14px;font-weight:500;line-height:1.5;word-break:break-word}.event-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.event-user{color:var(--apple-blue);font-size:11px;font-weight:600}.event-time{font-feature-settings:"tnum";color:var(--apple-text-secondary);font-size:11px;font-variant-numeric:tabular-nums;font-weight:500}.event-version{align-self:center;background:#af52de1a;border-radius:4px;color:var(--apple-purple);flex-shrink:0;font-size:10px;font-weight:600;padding:2px 6px}.version-history::-webkit-scrollbar{width:6px}.version-history::-webkit-scrollbar-track{background:#0000}.version-history::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.version-history::-webkit-scrollbar-thumb:hover{background:#007aff80}.history-loading{animation:pulse 1.5s ease-in-out infinite;color:var(--apple-blue);font-size:13px;font-weight:500;padding:20px;text-align:center}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:768px){.version-history{padding:12px 16px}.history-header{margin-bottom:12px;padding-bottom:12px}.history-header h3{font-size:15px}.history-event{padding:10px 12px}}@media (max-width:480px){.version-history{padding:10px 12px}.history-header{gap:8px;margin-bottom:10px;padding-bottom:10px}.history-header h3{font-size:13px}.history-close-btn,.history-refresh-btn{font-size:14px;height:24px;width:24px}.history-event{gap:10px;padding:8px 10px}.event-description{font-size:12px}.event-time,.event-user{font-size:10px}}.top-navbar{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(180deg,#fffffff0,#fafafceb);border-bottom:1px solid #0000000d;box-shadow:0 1px 4px #0000000f;gap:20px;justify-content:space-between;min-height:60px;padding:16px 24px;position:relative;z-index:200}.navbar-left,.top-navbar{align-items:center;display:flex}.navbar-left{flex:1 1;gap:16px;min-width:0}.navbar-brand{align-items:center;display:flex;flex-shrink:0;gap:8px}.navbar-logo{font-size:22px}.navbar-title{color:var(--apple-text);font-size:17px;font-weight:600;letter-spacing:-.3px;margin:0}.navbar-doc-title{background:#00000005;border:1px solid #00000014;border-radius:8px;color:var(--apple-text);flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:16px;font-weight:500;line-height:1.5;max-width:500px;outline:none;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.navbar-doc-title:hover{background:#0000000a;border-color:#0000001f}.navbar-doc-title:focus{background:#fff;border-color:var(--apple-blue);box-shadow:0 0 0 3px #007aff1a}.navbar-doc-title::placeholder{color:#3c3c4366}.navbar-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.user-greeting{color:var(--apple-text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.user-name{color:var(--apple-blue);font-weight:600}.navbar-new-btn{align-items:center;background:linear-gradient(135deg,var(--apple-purple) 0,#a944d9 100%);border:none;border-radius:18px;box-shadow:0 2px 12px #af52de4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:9px 18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.navbar-new-btn:hover{background:linear-gradient(135deg,#a944d9,#9636cc);background:#a944d9;box-shadow:0 4px 16px #af52de66;box-shadow:0 4px 12px #af52de59;transform:translateY(-2px);transform:translateY(-1px)}.navbar-new-btn:active{transform:translateY(0)}.navbar-share-btn{align-items:center;background:var(--apple-blue);border:none;border-radius:16px;box-shadow:0 1px 3px #007aff4d;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:13px;font-weight:600;gap:5px;padding:7px 14px;transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.navbar-share-btn:hover{background:#0051d5;box-shadow:0 2px 6px #007aff66;transform:translateY(-1px)}.navbar-share-btn:active{transform:scale(.96)}@media (max-width:1024px){.top-navbar{min-height:56px;padding:12px 20px}.navbar-doc-title{max-width:360px}}@media (max-width:768px){.top-navbar{flex-wrap:wrap;gap:8px;min-height:auto;padding:10px 12px}.navbar-left{order:1;width:100%}.navbar-title{font-size:14px}.navbar-doc-title{font-size:14px;max-width:none;padding:6px 10px}.navbar-right{justify-content:space-between;order:2;width:100%}.user-greeting{font-size:12px}.navbar-new-btn,.navbar-share-btn{font-size:12px;padding:6px 12px}}@media (max-width:480px){.top-navbar{gap:6px;padding:8px 10px}.navbar-title{display:none}.navbar-logo{font-size:18px}.user-greeting{display:flex;font-size:11px}.navbar-new-btn,.navbar-share-btn{justify-content:center;min-height:40px;min-width:44px;padding:8px 12px;position:relative}.navbar-new-btn:before,.navbar-share-btn:before{background:#000c;border-radius:6px;bottom:-32px;color:#fff;content:attr(aria-label);font-size:11px;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:1000}.navbar-new-btn:focus:before,.navbar-new-btn:hover:before,.navbar-share-btn:focus:before,.navbar-share-btn:hover:before{opacity:1}.navbar-new-btn .btn-text,.navbar-share-btn .btn-text{display:inline;font-size:11px}.navbar-new-btn .btn-icon,.navbar-share-btn .btn-icon{font-size:16px}.navbar-doc-title{font-size:14px;padding:8px 10px}}.comments-panel{background:linear-gradient(135deg,#fffffffc,#fafafcf7);display:flex;flex-direction:column;height:100%;width:100%}.comments-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#fafafcfa,#f8f8faf2);border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:20px 24px}.comments-header h3{align-items:center;color:var(--apple-text);display:flex;font-size:17px;font-weight:600;gap:8px;letter-spacing:.3px;margin:0}.comments-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--apple-text-secondary);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:all .15s;width:28px}.comments-close-btn:hover{background:#0000000f;color:var(--apple-text)}.comment-form{background:#fff;border-bottom:1px solid #00000014;padding:20px 24px}.comment-input{background:#00000005;border:1px solid #0000001a;border-radius:10px;color:var(--apple-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:15px;line-height:1.6;padding:12px 14px;resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.comment-input:focus{background:#fff;border-color:var(--apple-blue);box-shadow:0 0 0 4px #007aff1f,inset 0 0 0 1px #007aff26;outline:none}.comment-input::placeholder{color:#3c3c4366}.comment-submit-btn{background:linear-gradient(135deg,var(--apple-blue) 0,#06c 100%);border:none;border-radius:10px;box-shadow:0 2px 8px #007aff40;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:14px;font-weight:600;margin-top:12px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.comment-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#06c,#0052a3);box-shadow:0 4px 16px #007aff59;transform:translateY(-2px)}.comment-submit-btn:active:not(:disabled){transform:translateY(0)}.comment-submit-btn:disabled{cursor:not-allowed;opacity:.5}.comments-list{flex:1 1;overflow-y:auto;padding:12px 20px}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#0000}.comments-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.comments-list::-webkit-scrollbar-thumb:hover{background:#007aff80}.no-comments{align-items:center;color:var(--apple-text-secondary);display:flex;justify-content:center;padding:40px 20px;text-align:center}.no-comments p{font-size:14px;margin:0}.comment-item{background:#00000005;border:1px solid #0000000f;border-radius:12px;box-shadow:0 1px 2px #00000008;margin-bottom:12px;padding:14px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.comment-item:hover{background:linear-gradient(135deg,#007aff0a,#007aff05);border-color:#007aff26;box-shadow:0 2px 8px #0000000d}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{color:var(--apple-blue);font-size:13px;font-weight:600}.comment-time{color:var(--apple-text-secondary);font-size:11px}.comment-text{word-wrap:break-word;color:var(--apple-text);font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.comment-delete-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:14px;height:24px;opacity:0;position:absolute;right:10px;top:10px;transition:all .15s;width:24px}.comment-item:hover .comment-delete-btn{opacity:.6}.comment-delete-btn:hover{background:#ff3b301a;opacity:1!important}@media (max-width:768px){.comments-panel{width:100%}.comment-form,.comments-list{padding:12px 16px}.comment-item{padding:10px 12px}.comment-delete-btn{opacity:.6}}@media (max-width:480px){.comments-header{padding:12px 16px}.comments-header h3{font-size:14px}.comments-close-btn{font-size:16px;height:24px;width:24px}.comment-form,.comment-input{padding:10px 12px}.comment-input{font-size:13px}.comment-submit-btn{font-size:12px;padding:8px 12px}.comments-list{padding:10px 12px}.comment-item{padding:8px 10px}}.error-boundary-container{align-items:center;background:linear-gradient(180deg,#f5f5f7,#e8e8ed);display:flex;height:100vh;justify-content:center;padding:20px}.error-boundary-content{animation:slideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:500px;padding:40px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:48px;margin-bottom:16px}.error-title{color:#1d1d1f;font-size:24px;font-weight:600;margin:0 0 12px}.error-message{color:#6e6e73;font-size:15px;line-height:1.6;margin:0 0 24px}.error-details{background:#00000008;border:1px solid #00000014;border-radius:8px;cursor:pointer;margin-bottom:24px;padding:12px;text-align:left}.error-details summary{color:#007aff;font-size:13px;font-weight:500;padding:4px;-webkit-user-select:none;user-select:none}.error-details summary:hover{color:#0051d5}.error-stack{background:#0000000d;border-radius:6px;color:#1d1d1f;font-family:Monaco,Menlo,monospace;font-size:11px;margin:12px 0 0;overflow-x:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.error-btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:14px;font-weight:600;padding:12px 20px;text-decoration:none;transition:all .2s ease}.error-retry{background:#007aff;color:#fff}.error-retry:hover{background:#0051d5;box-shadow:0 4px 12px #007aff4d}.error-reload{background:#0000000f;border:1px solid #0000001a;color:#1d1d1f}.error-reload:hover{background:#00000014}.error-home{background:#0000000f;border:1px solid #0000001a;color:#1d1d1f}.error-home:hover{background:#00000014}.error-support{background:#22c55914;border:1px solid #22c55933;border-radius:8px;padding:16px;text-align:left}.error-support p{color:#1d1d1f;font-size:13px;font-weight:600;margin:0 0 12px}.error-support ul{color:#6e6e73;font-size:13px;margin:0;padding-left:20px}.error-support li{margin-bottom:6px}.error-support li:last-child{margin-bottom:0}@media (max-width:768px){.error-boundary-content{padding:24px}.error-title{font-size:20px}.error-message{font-size:14px}.error-btn{font-size:13px;padding:10px 16px}}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;z-index:9999}.toast{align-items:center;animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#1d1d1f;display:flex;font-size:14px;font-weight:500;gap:12px;max-width:400px;padding:12px 16px;pointer-events:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-icon{flex-shrink:0;font-size:16px;font-weight:700}.toast-message{flex:1 1;word-break:break-word}.toast-close{background:#0000;border:none;color:#6e6e73;cursor:pointer;flex-shrink:0;font-size:18px;padding:0;transition:all .2s ease}.toast-close:hover{color:#1d1d1f}.toast-success{border-left-color:#34c759}.toast-success .toast-icon{color:#34c759}.toast-error{border-left-color:#ff3b30}.toast-error .toast-icon{color:#ff3b30}.toast-warning{border-left-color:#ff9500}.toast-warning .toast-icon{color:#ff9500}.toast-info{border-left-color:#007aff}.toast-info .toast-icon{color:#007aff}@media (max-width:640px){.toast-container{bottom:10px;left:10px;right:10px}.toast{max-width:none}}.share-wrapper{background:linear-gradient(180deg,#f5f5f7,#e8e8ed);display:flex;flex-direction:column;height:100vh}.share-container{display:flex;flex:1 1;flex-direction:row;overflow:hidden;position:relative}.share-editor{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.share-error,.share-loading{align-items:center;background:linear-gradient(180deg,#f5f5f7,#e8e8ed);display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.share-error h2,.share-error p,.share-loading p{color:var(--apple-text);margin:0;text-align:center}.share-loading p{color:var(--apple-text-secondary);font-size:16px}.share-error h2{font-size:24px;font-weight:600}.share-error p{color:var(--apple-text-secondary);font-size:16px;margin-top:8px}.share-error a{background:var(--apple-blue);border-radius:10px;color:#fff;font-weight:600;margin-top:16px;padding:10px 20px;text-decoration:none;transition:all .15s}.share-error a:hover{background:#06c}.version-history-panel{background:#f9f9f9f2;box-shadow:-2px 0 10px #0000000a;width:300px}.comments-panel-wrapper,.version-history-panel{animation:slideInRight .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-left:1px solid #00000014;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;position:relative;z-index:10}.comments-panel-wrapper{background:#fffffffa;box-shadow:-2px 0 20px #00000014;width:360px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.version-history-panel{width:280px}.comments-panel-wrapper{width:320px}}@media (max-width:768px){.share-container{flex-direction:column}.share-editor{flex:1 1;min-height:0}.version-history-panel{height:200px}.comments-panel-wrapper,.version-history-panel{animation:slideInUp .3s ease;border-left:none;border-radius:12px 12px 0 0;border-top:1px solid #00000014;width:100%}.comments-panel-wrapper{height:220px}.share-error,.share-loading{padding:20px}.share-error h2{font-size:20px}.share-error p{font-size:14px}}@media (max-width:480px){.version-history-panel{height:180px}.comments-panel-wrapper{height:200px}.share-error a{padding:12px 24px;text-align:center;width:100%}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.ef2d1454.css.map*/